Camp Jeopardy

HTML

100

These surround the tag name in HTML.

<> (e.g. <p> <p/>)

200

Elements that we define in HTML.

Classes

300

The code for a functioning input tag in HTML.

<input id="res" ></input>

400

Debug, give me all errors in the code.

<p id="first"> Do some work</p>

<button onclick="myfunction">Click me<button>

<button onclick="mywork">Click me</button>

function mywork(var){...}

1. () after onclick (function call)

2. <button> should be </button>

500

Give me an example of a div using 3 separate classes.

Answers may vary

example: <div class="dirty tree work">

CSS

100

These end each line in CSS.

What are semicolons?

200

What does this tag do?

<br>

provides a space below the else statement

300

What tag is used for a list without order? With order?

1. <ul></ul>

2. <ol></ol>

400

<p class="word">

align this p element to the center.

text-align: center

500

<div class="grid">

Style this grid using flexbox to align all items horizontally. (Hint: this takes 2 lines of code) 

display: flex;

flex-direction: row;

JavaScript

100

This ends each statement in JavaScript.

What are semicolons?

200

The code to create a variable in JavaScript.

var variable_name = "whatever";

300

create a simple function for this element, that passes the variable var as an argument:

<div class="strobelight">

function strobelight(var) {...}

400

What is the incrementing variable for JavaScript? Use it to increment by 1.

i=i+1

or

i++

500

how does movement work in javascript? think in terms of a coordinate grid element

element.x

element.y

Miscellaneous

100

What camp is this?

Programming

Webrox

HTML/CSS/JS

NOT CODING CAMP

200

Name one of the coaches

*see question 3 - miscellaneous*

300

Name all of the coaches

Jayana

Elijah

Lauren

Andy

400

Name 7 of your fellow students

**

500

Name all your fellow students

****

Challenges (DOUBLE POINTS)

100

Create a class in HTML

<div class="daytime>

200

How do I get an element in Javascript?

document.getElementById

300

Create a HTML Hyperlink.

<a href="">

400

Using margin only works when you set...

(Hint: 2 word answer, one line in CSS)

display: flex;

500

<div class="toyword" id="you">

<ol>

<li>2

</li>

</ul>

</div>

#toyword{

position: relative;

flex-directon: row;

console.log(text)

}

var call="";

function (call) you:
{

console.log(word)

}

direction

javascript in css

function call (:)

function call

<ol>