HTML
Where does the <title> tag belong and what does it do?
Nested in the <head> tag to display the web title in the browser tab
If we want to target the ID of an HTML element with a CSS selector, the selector will have to start with this character.
#
What symbol would you use to call jQuery?
$ <-- The Dollar Symbol
Declare a variable named variableName.
var variableName;
The name of this array:
var addToJeopardyScore = [];
addToJeopardyScore
Give an example of an HTML attribute.
src, alt, href, ...
Give an example of a CSS property.
width, color, font-size, opacity, ...
Using jQuery, how would you select all elements with the class of "danger" on the webpage?
$(".danger")
This is how you would access the 2nd element of an array with the name of arr.
arr[1]
What is the data type of: 132?
Number
Name an HTML tag that does not need a closing tag.
<img>, <input>...
Fill in the blanks. In the following CSS rule, "img" is a __________, "width" is a __________, and "100px" is a __________.
img { width: 100px; }
(1) selector (2) property (3) value
Write the jQuery that would grab the value of an input from the element with a class of userInput.
$(".userInput").val();
Show the operators you'd use to do addition, subtraction, multiplication, and division in JavaScript
Addition + Subtraction - Multiplication * Division /
How would you find the number of items in an array called "teacherNames"?
teacherNames.length;
What is the correct HTML for inserting an image?
1. <img href="image.gif">
2. <image src="image.gif">
3. <img>image.gif</img>
4. <img src="image.gif">
4. <img src="image.gif">
Given the following HTML, write a CSS rule that targets ONLY the second image and sets its width property to 200px.
<img class="largeImages" src="pic1.jpg">
<img class="largeImages" id="second" src="pic2.jpg">
<img id="third" src="pic3.jpg">
#second { width: 200px; }
Find the errors.
$("button").function(click){
$("p").css("blue","color");
});
$("button").click(function(){
$("p").css("color","blue");
});
Write an array called winner that contains a number and a string.
var winner = [1, "a string"];
Using a loop log each element in the array to the console.
var fruits=["apple","pear","orange"];
var fruits=["apple","pear","orange"];
fruits.forEach(function(fruit){
console.log(fruit);
});
Which of the following elements will create a hyperlink on a webpage that when clicked will take the user to google.com?
1. <a href="http://www.google.com">Google</a>
2. <a src="http://www.google.com">Google</a>
3. <a name="Google">http://www.google.com</a>
4. <link href="http://www.google.com">Google</link>
5. <link src="http://www.google.com">Google</link>
6. <link name="Google">http://www.google.com</link>
1. <a href="http://www.google.com">Google</a>
What things are wrong with the following CSS rule?
p ( color - blue )
1.Uses parentheses instead of curly-braces.
2. Uses "-" instead of ":" between color and blue.
3. No semi-colon after blue.
Write it: When a button with the class of clickMe is pressed, an image with the src "pup.png" should be appended to all elements with the id of "priority".
$(".clickMe").click(function(){
$("#priority").append("<img src='pup.png'>");
});
Write it: Write a conditional statement that returns "yes" if x is greater than 100, and "no" if it isn't.
if (x>100) {
return "yes";
} else {
return "no";
}
var cost = [];
$("button").click(function() {
var input = $("input").val();
cost.push(input);
});
What will happen when the user clicks the button?
The text in the input box will be saved and the value will be pushed into the array called "cost"