Soy un maldito principiante en esto, así que por favor no me juzguen, ¿de acuerdo? Así que hice un sitio web con este campo de texto:
Text: <input type="text" name="text" value="" id="input1"/>E hice un botón, utilizado para obtener la entrada del campo Texto:
<input type="submit" onclick=getinput>y esta es la función getinput():
<script> function getinput(){ const val = document.querySelector('input1').value; console.log(val); console.log("No error in function implement."); } </script>pero me genero el siguiente error:
VM195:3 Uncaught TypeError: Cannot read properties of null (reading 'value') at <anonymous>:3:45No sé qué significa este error y cómo solucionarlo, ¿alguien podría ayudarme?
Tiene algunos pequeños errores/errores en su código. lo refacciono.
1.) el querySelector estaba equivocado. Para los identificadores, utilice '#slectorName'.
2.) onclick="getinput()" en lugar onclick=getinput
function getinput(){ const val = document.querySelector('#input1').value; console.log(val); console.log("No error in function implement."); } <input type="text" name="text" value="" id="input1"/> <input type="submit" onclick="getinput()">El problema es con el selector. Para seleccionar una identificación con document.querySelector, debe anteponerle un hashtag. Me gusta:
function getinput(){ const val = document.querySelector('#input1').value; console.log(val); console.log("No error in function implement."); }Alternativamente, puede usar document.getElementById. Por ejemplo:
function getinput(){ const val = document.getElementById('input1').value; console.log(val); console.log("No error in function implement."); }Además, en el botón Enviar, debe envolver el valor del atributo entre comillas dobles. Tienes que escribir esto:
<input type="submit" onclick="getinput()">en lugar de esto:
<input type="submit" onclick=getinput>