\documentclass[10pt,a4paper]{article}

% Packages
\usepackage{fancyhdr}           % For header and footer
\usepackage{multicol}           % Allows multicols in tables
\usepackage{tabularx}           % Intelligent column widths
\usepackage{tabulary}           % Used in header and footer
\usepackage{hhline}             % Border under tables
\usepackage{graphicx}           % For images
\usepackage{xcolor}             % For hex colours
%\usepackage[utf8x]{inputenc}    % For unicode character support
\usepackage[T1]{fontenc}        % Without this we get weird character replacements
\usepackage{colortbl}           % For coloured tables
\usepackage{setspace}           % For line height
\usepackage{lastpage}           % Needed for total page number
\usepackage{seqsplit}           % Splits long words.
%\usepackage{opensans}          % Can't make this work so far. Shame. Would be lovely.
\usepackage[normalem]{ulem}     % For underlining links
% Most of the following are not required for the majority
% of cheat sheets but are needed for some symbol support.
\usepackage{amsmath}            % Symbols
\usepackage{MnSymbol}           % Symbols
\usepackage{wasysym}            % Symbols
%\usepackage[english,german,french,spanish,italian]{babel}              % Languages

% Document Info
\author{greenpanda (greenpanda)}
\pdfinfo{
  /Title (javascript.pdf)
  /Creator (Cheatography)
  /Author (greenpanda (greenpanda))
  /Subject (Javascript Cheat Sheet)
}

% Lengths and widths
\addtolength{\textwidth}{6cm}
\addtolength{\textheight}{-1cm}
\addtolength{\hoffset}{-3cm}
\addtolength{\voffset}{-2cm}
\setlength{\tabcolsep}{0.2cm} % Space between columns
\setlength{\headsep}{-12pt} % Reduce space between header and content
\setlength{\headheight}{85pt} % If less, LaTeX automatically increases it
\renewcommand{\footrulewidth}{0pt} % Remove footer line
\renewcommand{\headrulewidth}{0pt} % Remove header line
\renewcommand{\seqinsert}{\ifmmode\allowbreak\else\-\fi} % Hyphens in seqsplit
% This two commands together give roughly
% the right line height in the tables
\renewcommand{\arraystretch}{1.3}
\onehalfspacing

% Commands
\newcommand{\SetRowColor}[1]{\noalign{\gdef\RowColorName{#1}}\rowcolor{\RowColorName}} % Shortcut for row colour
\newcommand{\mymulticolumn}[3]{\multicolumn{#1}{>{\columncolor{\RowColorName}}#2}{#3}} % For coloured multi-cols
\newcolumntype{x}[1]{>{\raggedright}p{#1}} % New column types for ragged-right paragraph columns
\newcommand{\tn}{\tabularnewline} % Required as custom column type in use

% Font and Colours
\definecolor{HeadBackground}{HTML}{333333}
\definecolor{FootBackground}{HTML}{666666}
\definecolor{TextColor}{HTML}{333333}
\definecolor{DarkBackground}{HTML}{A3A3A3}
\definecolor{LightBackground}{HTML}{F3F3F3}
\renewcommand{\familydefault}{\sfdefault}
\color{TextColor}

% Header and Footer
\pagestyle{fancy}
\fancyhead{} % Set header to blank
\fancyfoot{} % Set footer to blank
\fancyhead[L]{
\noindent
\begin{multicols}{3}
\begin{tabulary}{5.8cm}{C}
    \SetRowColor{DarkBackground}
    \vspace{-7pt}
    {\parbox{\dimexpr\textwidth-2\fboxsep\relax}{\noindent
        \hspace*{-6pt}\includegraphics[width=5.8cm]{/web/www.cheatography.com/public/images/cheatography_logo.pdf}}
    }
\end{tabulary}
\columnbreak
\begin{tabulary}{11cm}{L}
    \vspace{-2pt}\large{\bf{\textcolor{DarkBackground}{\textrm{Javascript Cheat Sheet}}}} \\
    \normalsize{by \textcolor{DarkBackground}{greenpanda (greenpanda)} via \textcolor{DarkBackground}{\uline{cheatography.com/48230/cs/13662/}}}
\end{tabulary}
\end{multicols}}

\fancyfoot[L]{ \footnotesize
\noindent
\begin{multicols}{3}
\begin{tabulary}{5.8cm}{LL}
  \SetRowColor{FootBackground}
  \mymulticolumn{2}{p{5.377cm}}{\bf\textcolor{white}{Cheatographer}}  \\
  \vspace{-2pt}greenpanda (greenpanda) \\
  \uline{cheatography.com/greenpanda} \\
  \end{tabulary}
\vfill
\columnbreak
\begin{tabulary}{5.8cm}{L}
  \SetRowColor{FootBackground}
  \mymulticolumn{1}{p{5.377cm}}{\bf\textcolor{white}{Cheat Sheet}}  \\
   \vspace{-2pt}Not Yet Published.\\
   Updated 25th November, 2017.\\
   Page {\thepage} of \pageref{LastPage}.
\end{tabulary}
\vfill
\columnbreak
\begin{tabulary}{5.8cm}{L}
  \SetRowColor{FootBackground}
  \mymulticolumn{1}{p{5.377cm}}{\bf\textcolor{white}{Sponsor}}  \\
  \SetRowColor{white}
  \vspace{-5pt}
  %\includegraphics[width=48px,height=48px]{dave.jpeg}
  Measure your website readability!\\
  www.readability-score.com
\end{tabulary}
\end{multicols}}




\begin{document}
\raggedright
\raggedcolumns

% Set font size to small. Switch to any value
% from this page to resize cheat sheet text:
% www.emerson.emory.edu/services/latex/latex_169.html
\footnotesize % Small font.

\begin{multicols*}{2}

\begin{tabularx}{8.4cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{8.4cm}}{\bf\textcolor{white}{Question 2}}  \tn
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{8.4cm}}{let dividend = +prompt("Insert a dividend."); \newline let divisor = +prompt("Insert a divisor."); \newline  \newline if ((dividend \% divisor) === 0) \{ \newline 	alert(`The quotient is \$\{dividend / divisor\}.`); \newline \} else \{ \newline 	alert(`The quotient is \$\{Math.floor(dividend / divisor)\} and the remainder is \$\{dividend \% divisor\}.`); \newline \}} \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{8.4cm}}{Write a script that takes in a dividend and a divisor. With those, alert either the quotient by itself OR the quotient and the remainder if applicable.}  \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{8.4cm}}{\bf\textcolor{white}{Question 3}}  \tn
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{8.4cm}}{function cuts(input) \{ \newline 	let cuts = 0; \newline 	while (input \textgreater{} 1) \{ \newline 		input /= 2; \newline 		cuts++; \newline 	\} \newline 	return cuts; \newline \}} \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{8.4cm}}{Write a function that takes in a number an integer and divides it in half until it becomes 1 or less.}  \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{8.4cm}}{\bf\textcolor{white}{Question 4}}  \tn
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{8.4cm}}{function listElements(a, n) \{ \newline 	if (a.length \textgreater{} n) \{ \newline   	let result = {[}{]}; \newline     for (let i = 0; i \textless{} n; i++) \{  \newline     	result.push(a{[}i{]}); \newline     \} \newline     return result; \newline   \} else \{ \newline   	return a; \newline   \} \newline \}} \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{8.4cm}}{Write a function that takes in array a and returns a new array consisting of the first​ ​n elements of the original array. If n is greater than a, then simply return a copy of array a.}  \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{8.4cm}}{\bf\textcolor{white}{Question 5}}  \tn
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{8.4cm}}{function compareArrays(a, b) \{ \newline 	if (a.length !== b.length) \{ \newline 		return false; \newline 	\} \newline 	for (let i = 0; i \textless{} a.length; i++) \{ \newline 		if (a{[}i{]} !== b{[}i{]}) \{ \newline 			return false; \newline 		\} \newline 	\} \newline 	return true; \newline \}} \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{8.4cm}}{Write a function that takes in two arrays, a and b, and returns whether or not the listed elements are equal. Assume that all values are primitive (and not Objects) and that the values must be in the same order. It should also output false if the parameters are not arrays.}  \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{x{2.32 cm} x{5.68 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{Loops}}  \tn
% Row 0
\SetRowColor{LightBackground}
"for" loop & for (begin; condition; step) \{ \tn 
% Row Count 2 (+ 2)
% Row 1
\SetRowColor{white}
 & // ... loop body ... \} \tn 
% Row Count 3 (+ 1)
% Row 2
\SetRowColor{LightBackground}
 & \} \tn 
% Row Count 4 (+ 1)
% Row 3
\SetRowColor{white}
"while" loop & while (condition) \{ \tn 
% Row Count 6 (+ 2)
% Row 4
\SetRowColor{LightBackground}
 & //code \tn 
% Row Count 7 (+ 1)
% Row 5
\SetRowColor{white}
 & //loop body (i++) \tn 
% Row Count 8 (+ 1)
% Row 6
\SetRowColor{LightBackground}
 & \} \tn 
% Row Count 9 (+ 1)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{8.4cm}}{\bf\textcolor{white}{Question 6}}  \tn
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{8.4cm}}{function \seqsplit{capitalizeMiddleCharacter(inputString)} \{ \newline 	let middleLetterPosition = \seqsplit{Math.ceil(inputString.length} / 2); \newline 	return inputString.substring(0, middleLetterPosition)  \newline 	+ \seqsplit{inputString.charAt(middleLetterPosition).toUpperCase()}  \newline 	+ \seqsplit{inputString.substring(middleLetterPosition} + 1, inputString.length); \newline \}} \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{8.4cm}}{Write a function which takes in a String and capitalizes the middle letter of the string. If the string is even, then capitalize the character to the right of the middle.}  \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{8.4cm}}{\bf\textcolor{white}{Question 7}}  \tn
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{8.4cm}}{function suffixes(inputWord) \{ \newline 	let result = {[}""{]}; \newline 	let lastSuffix = ""; \newline 	for (let i = inputWord.length - 1; i \textgreater{}= 0; i-{}-) \{ \newline 		lastSuffix = inputWord.charAt(i) + lastSuffix; \newline 		result.push(lastSuffix); \newline 	\} \newline 	return result; \newline \}} \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{8.4cm}}{Write a function which takes in a word and returns an array containing successive suffixes of the word, starting with the last character.}  \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{8.4cm}}{\bf\textcolor{white}{Question 8}}  \tn
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{8.4cm}}{function student(name, birthday, email, ID, SSID, Major, Minor, enrolled, graduate) \{ \newline 	this.name = name; \newline 	this.birthday = birthday; \newline 	this.email = email; \newline 	this.ID = ID; \newline 	this.SSID = SSID; \newline 	this.Major = Major; \newline 	this.Minor = Minor; \newline 	this.enrolled = enrolled; \newline 	this.graduate = graduate; \newline \}} \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{8.4cm}}{Write an Object constructor or Class of a human being. It would also be helpful to draw the Object diagram of a few of these.}  \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{8.4cm}}{\bf\textcolor{white}{Presedence}}  \tn
\SetRowColor{LightBackground}
\mymulticolumn{1}{p{8.4cm}}{\vspace{1px}\centerline{\includegraphics[width=5.1cm]{/web/www.cheatography.com/public/uploads/greenpanda_1511570582_Screen Shot 2017-11-18 at 9.37.00 PM.png}}} \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}


% That's all folks
\end{multicols*}

\end{document}