Interactive HTML + JavaScript Vocabulary

Word Bank

HTML CSS JavaScript
element tag attribute
DOM event event listener
input textarea select
class id  

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):
    • Structure
    • Style
    • Behavior
    • HTML
    • CSS
    • JavaScript

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.