JavaScript Meets the Page

HTML and CSS are static. JavaScript makes a page react. Find an element, change its text, and the page updates instantly.

document.querySelector('#title')

1. 1Give it an id

   Add an h1 with id="title".

   <h1 id="title">Hello</h1>

2. 2Add a script

   Add a <script> tag at the bottom.

3. 3Select and change

   Find the heading and change its text.

4. 4Change the style too

   Set its colour from JavaScript.