Estoy aprendiendo a reaccionar y tengo una serie de cadenas que son clases de diferentes elementos,
let melody = ['a', 'c', 'f', 'g']Estoy haciendo un piano y esta es una lista que conforma una melodía que debe buscar cada elemento que tenga la misma clase y tocarlo obteniendo la melodía final. Normalmente lo haría con algo como (obviamente con un intervalo y otras cosas)
melody.forEach(note=> { document.getElementsByClassName(note)[0].click() })No estoy seguro de si esta es la mejor manera de lograr esto en reaccionar, y si usar getByClass es correcto para usar en casos como este. Muchas gracias....
Aconsejaré el uso de la sintaxis DOM moderna.
let clickButton = document.querySelectorAll('.note'); let melody = ['a', 'c', 'f']; melody.forEach((note) => { let newNote = document.querySelector("." + note); newNote.addEventListener("click", () => { alert("Hello world"); }); });