JavaScript JavaScript and the DOM Getting a Handle on the DOM Selecting by Id

There is a variable named button in app.js. Set its value to contain a reference to the button element in index.html wit

There is a variable named button in app.js. Set its value to contain a reference to the button element in index.html with the ID of sayPhrase.

js/app.js
let button;
let input;


button.getElementById("#sayPhase") => {
  alert(input.value);
});
index.html
<!DOCTYPE html>
<html>
  <head>
    <title>Phrase Sayer</title>
  </head>
  <body>
    <p><input type="text" id="phraseText"></p>
    <p><button id="sayPhrase">Say Phrase</button></p>
    <script src="js/app.js"></script>
  </body>
</html>

1 Answer

KRIS NIKOLAISEN
PRO
KRIS NIKOLAISEN
Pro Student 49,922 Points

For this challenge you are meant to edit the first two lines of code in app.js. The rest of the code remains unchanged. Task 1 asks to reference the button with ID "sayPhrase". Here getElementById will work.

let button = document.getElementById("sayPhrase");

note: the ID doesn't require # in this method