<div class="container"> <input id="word1" type="text" placeholder="Enter First Word"><br> <input id="submit1" type="submit" name="submit" value="check"> </div> <script type="text/javascript"> let word1 = document.getElementById('word1'); let submit = document.getElementById('submit1'); function display(){ alert(word1.textContent); alert(word1.innerText); alert(word1); } submit.addEventListener('click',display,false); </script>el navegador alerta con una cadena vacía tanto para textContent como para innerText y no sé por qué sucede esto
input no tiene textContent , si desea obtener su valor, debe ir con input.value .
<div class="container"> <input id="word1" type="text" placeholder="Enter First Word"><br> <input id="submit1" type="submit" name="submit" value="check"> </div> <script type="text/javascript"> let word1 = document.getElementById('word1'); let submit = document.getElementById('submit1'); function display(){ alert(word1.value); } submit.addEventListener('click',display,false); </script>