<!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <!-- Practice using (hopefully) unobstrusive-ish JavaScript Adapted from "Web Programming: Step by Step", second edition by: Sharon Tuttle adapted by: YOUR NAMES last modified: 2026-04-30 you can run this using the URL: --> <head> <title> JS practice </title> <meta charset="utf-8" /> <link href="https://nrs-projects.humboldt.edu/~st10/styles/normalize.css" type="text/css" rel="stylesheet" /> <!-- ADD the parts described in WEEK 14 LAB EXERCISE - PROBLEM 1 here --> </head> <body> <h1> A first JavaScript example </h1> <hr /> <p> WARNING: this page will NOT work if JavaScript is disabled! </p> <hr /> <p> Experimenting with unobtrusive-ish JavaScript, by: PUT YOUR NAMES HERE </p> <!-- NOTICE - there is NO form ELEMENT below! --> <p> <label for="enteredName"> Name: </label> <input type="text" name="namefield" id="enteredName" /> </p> <p> <button id="magicButton"> Click me! </button> </p> <ul> <li id="cs-luminary-1"> Dorothy Vaughan </li> <li id="cs-luminary-2"> Ada Lovelace </li> <li id="cs-luminary-3"> Grace Hopper </li> </ul> <footer> <hr /> <p> Validate by pasting .xhtml copy's URL into<br /> <a href="https://validator.w3.org/nu"> https://validator.w3.org/nu </a> or <a href="https://html5.validator.nu/"> https://html5.validator.nu/ </a> </p> </footer> </body> </html>