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

Posted by Zaria Sellers
Zaria Sellers
3,536 Points

utton = document . getElementById("sayPhrase");

is button = document . getElementById("sayPhrase"); the correct varible or phrase

js/app.js 
var button;
button = document.getElementById("sayPhrase");
var input;

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

Kuanyshbek Ospanov
Kuanyshbek Ospanov
17,416 Points
Kuanyshbek Ospanov
Kuanyshbek Ospanov
17,416 Points

I don't understand your question, but here is an answer:

var button = document.getElementById('sayPhrase');
var input = document.getElementById('phraseText');

button.addEventListener('click', () => {
  alert(input.value);
});