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 comunidadEstoy 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!"); });
Revisa 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 de 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
:
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.