Intro

Question 1

What is the syntax to include JS in your HTML and where in the file can it be placed? And to link an external JS file either local in the same folder or a specified folder, or a URL (reason is it’s easier to read/maintain & load faster with cached JS files)?

Answer 1

script tags in head or body or both; script src=”something.js” or “/something/something.js” or “https://something.com/something.js” tags (preferably in head).

Question 2

What is the common JS syntax/code to change or add to the HTML element content?

Answer 2

document.getElementById(‘demo’).innerHTML = ‘Hello World’;

Question 3

JS can change HTML attributes: What would the HTML and the JS look like for having a light bulb image with a button on the left & right to turn it on/off by changing the image from gray to colored? First way is all done in HTML, second way is utilizing JS.

Answer 3

HTML will have img id=”lightBulb” src=”bulbOff.jpg” & one button onclick=”document.getElementById(‘lightBulb’).src=’bulbOn.jpg’ “ & another will be onclick=”document.getElementById(‘lightBulb’).src=’bulbOff.jpg’ “

OR

HTML will have img id=”lightBulb” src=”bulbOff.jpg” & one button onclick=”lightOn” & another will be onclick=”lightOff”.

The JS will have lightOn function with content document.getElementById(‘lightBulb’).src=’bulbOn.jpg’; & lightOff function with content document.getElementById(‘lightBulb’).src=’bulbOff.jpg’;

Question 4

JS can change HTML attributes: What would the HTML look like for a sentence in a paragraph that can increase it’s font size by the click of a button? And then another button to hide (or show) it all together? Can also do this by utilizing JS instead of writing the script in the HTML.

Answer 4

Paragraph tag with a sentence string as the content and id=”demo”.

A button below it saying click me as the content will have the DOM event onclick=”document.getElementById(‘demo’).style.fontSize=’35px’ “.

Another button to hide it will have the DOM event onclick=”document.getElementById(‘demo’).style.display=’none’ “ or ‘block’.

Question 5

What is a Javascript function?

Answer 5

A block of reusable Javascript code that can be executed when invoked. It can be self invoked by writing its name with parentheses as a statement outside of the function somewhere or called when an event occurs such as clicking a button.

Question 6

What are some (4) of the different ways JS can display/print data?

Answer 6

the “innerHTML” property can set or overwrite the specified HTML element content

document. write() used only for testing will write into the HTML output position will be where you place it in the HTML file or if its in JS it will be at the top of everything in ascending order, or if it is called as part of a function it will overwrite the current HTML to display something new
window. alert() will display in an alert box
console. log() used for debugging will display in the console

Question 7

What are JS statements? And what are its 5 different components?

Answer 7

The list of instructions to be executed by the browser (separated by semicolons)

ex-
var x;
var y = 2;
x = 1;
z = x + y;

Values (variable & literal), operators, expressions, keywords, and comments.

Question 8

What is the purpose of variables, how do we declare them, and how do we assign values to them? What is their value after they are declared without anything assigned?

Answer 8

They’re used to store data values; declare using the “var” keyword; use “=” to assign values to them. Their value w/o anything assigned is undefined. (We can use the var keyword just once for multiple identifiers with their individual values in one statement)

Question 9

What are the different types of operators? Explain.

Answer 9

Arithmetic operators (+, -, *, /, %, **, ++, –); assignment operators (aslo serve as string operators: =, +=, -=, *=, /=, %=); comparison (=== or > or <= or !=); logical (&& or ! or ||); type (typeof, which returns the type of a variable… or instanceof, which returns true if an object is an instance of an object type).

Question 10

What is a JS expression?

Answer 10

Any combination of values (can even be strings), variables, and operators, which computes to a value.

Question 11

What are JS keywords?

Answer 11

Used to identify action to be performed (such as “var” tells the browser to create a variable).

Question 12

What is the syntax for comments in JS? in HTML?

Answer 12

Two forward slashes before a specific line; or, a forward slash+asterisk before desired spot and after an asterisk+forward slash.

Question 13

What are JS identifiers? And their rules?

Answer 13

Names used to name variables, keywords, functions, and labels. First character must be a letter, underscore, or dollar sign. (Numbers can come after)

Question 14

What does lower camel case look like? What does upper camel case look like and what is another name for this?

Answer 14

lowerCamelCase; UpperCamelCase - pascal case.

Question 15

If you put a number in quotes, what happens to the rest of the numbers in the expression after it (in terms of type)? What happens to the output type when any string is being calculated with a number?

Answer 15

The numbers after it will also be treated as strings and concatenated instead of mathematically calculated. Any time a string is in an expression with a number, the output will be a string.

Question 16

What is the purpose of HTML? CSS? JS?

Answer 16

1. HTML to define the content of web pages
   
   2. CSS to specify the layout of web pages
   3. JavaScript to program the behavior of web pages

Question 17

When was JavaScript invented? By who? And what was its official name?

Answer 17

By Brendan Eich in 1995. ECMAScript.

Question 18

Use escape characters to alert We are “Vikings”

Answer 18

Backslash before each quotation mark that you wish to display; alert(“We are "Vikings"”);

Question 19

What are the two best places to break a line of code?

Answer 19

After an operator or a comma.

Question 20

What are the different data types?

Answer 20

Numbers, strings, objects, booleans, arrays, undefined

Question 21

What is the term for the pieces inside an array? What is the term to refer to it’s numerical position?

Answer 21

Items. Index number.

Question 22

What is the term for the pieces inside an object which are separated by commas and written with quotations? What is the term for the first portion of that, and then the second portion which comes after the colon?

Answer 22

Properties. Name: value (name:value pairs).

Question 23

What is the value of a variable without a value?

Answer 23

Undefined.

Question 24

What is the data type of null?

Answer 24

An object.

Question 25

What are the different ways to empty a variable?

Answer 25

Set to undefined, null (this is to empty objects because the data type will remain an object), or empty quotations.

Question 26

What is the value of empty quotations? of null? of undefined?

Answer 26

Legal (blank) value; no value; no value.

Question 27

What is a primitive data value?

Answer 27

A single simple data value with no additional properties or methods (string, number, boolean, undefined).

Question 28

What is a complex data value?

Answer 28

typeof will return as a function or object (an array or null is also considered an object type).

Question 29

What are function parameters and function arguments? How do they behave inside the function?

Answer 29

Parameters are the placeholders found in parentheses after the function name, which accept incoming arguments (values) when the function is invoked. Inside the function, the parameters (stored with arguments) behave like local variables.

Question 30

What are two ways to access properties from objects?

Answer 30

objectname.propertyname or objectname["propertyname"]

Question 31

What happens when you declare a variable with the keyword "new"?

Answer 31

The variable gets created as an object.

Question 32

What are events?

Answer 32

Things that can happen to HTML elements as a result of some action the user makes or the browser makes.

Question 33

What is hoisting?

Answer 33

Variable declarations written in JavaScript are moved to the top of the scope.

Question 34

What is variable initialization?

Answer 34

When a variable is defined it is initialized.

Question 35

How do you check whether a value is not a number?

Answer 35

isNan()

Question 36

What is a JavaScript closure?

Answer 36

An inner function that has access to the scope (variables; parameters) of its outer (enclosing) function, its own scope, and the global scope; though, it cannot call its outer function's arguments object.

Question 37

What does the substring method do? And how do you use it?

Answer 37

Allows you to pull out letters from a string. For example: for var x = "Hello" I could do x.substring(0,4). This will give me "Ho".

Question 38

Write a function which will return the sum when this statement is executed: console.log(sum(3)(4));

Answer 38

function sum (first) { return function (second) { return (first + second); } }

Question 39

What is the syntax to create an array?

Answer 39

var x = new Array(7).... in parentheses, specify the number of items it will hold

Question 40

What is the syntax to create an array?

Answer 40

var x = new Array(7).... in parentheses specify the number of items it will hold, or the items themself. the easier way which im used to is just create the square brackets and fill them with the items.

Question 41

What does JSON stand for?

Answer 41

JavaScript Object Notation

Question 42

What does "lexicographically" mean?

Answer 42

Alphabetically. (like when you want to sort an array lexicographically, it is alphabetically)

Question 43

Function vs method?

Answer 43

Both are functions; a method is just a function that is a property of an object.

Question 44

Why is it important to specify button type attribute and what are the different values? What are the two different ways to create a button?

Answer 44

A button with no attribute type acts as type="submit" by default and will try to submit form when clicked. It also helps other developers to know its purpose. You can choose from submit, button, or reset... button or input type = "button"

Question 45

What does a non-numeric string convert to when doing a comparison to a number?

Answer 45

NaN

Question 46

What is the result of "2" > "12" ? And why?

Answer 46

True. Because when comparing numbers as strings, "1" is less than "2" alphabetically.

Question 47

What is the syntax to find out if we have a certain property in an object or not?

Answer 47

"in"... for example: "shape" in object1 - will return true if that property exists in object1

Question 48

What are the two ways to create arrays?

Answer 48

var x = []; or var x = new Array();

Question 49

What are the different types of loops? And when are they best used?

Answer 49

A for loop (default for iterations), while loop (good when you already have var defined somewhere outside), for each loop (for arrays... it can log the element, and then also the index number), for in (it will log the index number for arrays, and key for objects), and for of (use this if you don't care about index or key.. it will give you the value).

Question 50

What is an enumerable property?

Answer 50

An enumerable property is one that can be included in and visited during for..in loops (or a similar iteration of properties, like Object.keys()).

Question 51

What are the different types of conditionals?

Answer 51

If else statements. Switch statements.

Question 52

What does "this" mean or refer to?

Answer 52

It refers to the current object we're in

Question 53

What is the typeof some identifier that hasn't even been declared as a variable yet?

Answer 53

undefined (still)