Interactive HTML + JavaScript Vocabulary

Word Bank

Fill In the Blanks

1) is the structure of a web page.
2) controls how a web page looks.
3) makes a web page interactive.
4) A is a single piece of HTML, like a p or div.
5) A is the name of an HTML element, like p or h1.
6) An gives extra information, like id="title".
7) The is the browser’s model of the page.
8) An is something that happens, like a click.
9) An is code that runs when an event happens.
10) An collects short text from a user.

Quick Checks

• Circle the HTML input types we used:
  input / textarea / select / img
• Match the role (left side) to the language (right side):

Stretch: DOM Detective

Find and circle the mistake in this code:

<label for="message">Message</label>
<input id="messageText">

<script>
  const message = document.querySelector("message");
</script>

Hint: Check the input type and the selector.