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

please help

There is a variable named button

js/app.js
let button;
let input;
let button = document.getElementById("sayPhrase");
button.addEventListener('click', () => {
  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

When you use a keyword like let or var you're declaring a variable. If the variable is already declared you can't declare it again, only reassign it.

Since you just need to reassign it, all you need to do is remove the let from your reassignment of the button variable :)

button = document.getElementById("sayPhrase");