Solucionado (ver solución)
Solucionado
(ver solución)
1
respuesta

Construccion de Midi javascript

Referente al curso JavaScript para web: crea páginas dinámicas, en el capítulo Listas y actividad Proyecto del aula anterior

por Ener Octavio Buitrago Camelo
| 43.7k xp | 2 posts

tengo una inquietud con la que me tope por accidente en este codigo: function playSonidoPom () { document.querySelector('#sonido_tecla_pom').play(); } document.querySelector('.tecla_pom').onclick = playSonidoPom; funciona perfecto!!!

pero con esta variación tambien funciona perfecto!!! function playSonidoPom () { document.getElementById('sonido_tecla_pom').play(); } document.querySelector('.tecla_pom').onclick = playSonidoPom;

hasta donde veo la diferencia es que con getElementById llama la función e ignora que sea un ID pero no comprendo como o porque

1 respuesta
solución!
por Evelyn Reis
| 2221.6k xp | 7955 posts
Alura Scuba Team Instructora

¡Hola Ener!

Entiendo tu inquietud. La diferencia entre document.querySelector('#sonido_tecla_pom') y document.getElementById('sonido_tecla_pom') radica en que el método querySelector busca un elemento que coincida con el selector CSS especificado, mientras que getElementById busca un elemento por su ID directamente.

En tu caso, ambos funcionan perfectamente porque estás seleccionando un elemento por su ID, y tanto querySelector como getElementById logran encontrar el elemento con el ID "sonido_tecla_pom". Por lo tanto, ambas variaciones ejecutarán la función playSonidoPom cuando se haga clic en el elemento con la clase "tecla_pom".

Espero que esta explicación aclare tu duda. Si tienes alguna otra pregunta, no dudes en preguntar.

Espero haber ayudado y buenos estudios!