Estoy iniciando con practicas en Js y me encuentro con el error detallado en el título al mmomento de probar el siguiente
const boton = document.querySelector('boton');
boton.addEventListener("click", function(){ alert("Hola!"); });
Stack Overflow en español es un sitio de preguntas y respuestas para programadores y profesionales de la informática. Solo te toma un minuto registrarte.
Regístrate para unirte a esta comunidadRevisa la documentación de querySelector, pues tu actual forma de seleccionar no tiene ningún sentido:
querySelector('boton')
querySelector
usa selectores CSS para alcanzar los elementos.
Por ejemplo, para seleccionar por el id del elemento se usa #
:
const boton = document.querySelector('#boton');
boton.addEventListener("click", function() {
alert("Hola!");
});
<button id="boton">Click me</button>
Para seleccionar por la clase del elemento se usa .nombreDeLaClase
:
const boton = document.querySelector('.unaClase');
boton.addEventListener("click", function() {
alert("Hola!");
});
<button class="unaClase">Click me</button>
Para seleccionar por el tipo de elemento se usa elTipo
(donde elTipo
es el tipo del elemento, escrito en inglés, no en español, por ejemplo, para un botón, debes poner button
):
const boton = document.querySelector('button');
boton.addEventListener("click", function() {
alert("Hola!");
});
<button class="unaClase">Click me</button>
... Y así, hasta selecciones más complejas, combinadas, etc que se hacen por lo general con querySelectorAll()
.
querySelector('boton')
? Agrega el HTML de tu botón.id
que es único, mientras que si quieres seleccionar varios elementos puedes usar la clase o el tipo de elemento y generalmente en ese caso se usaquerySelectorAll
para alcanzarlos todos y operar con ellos.