Tenho tentado criar um "dicionário" de acordes para teclados. Até o momento, criei um array com alguns acordes.
Ao clicar no botão com o nome do respectivo acorde, ele usa uma função para "colorir" as teclas que o compõe.
O problema aparece quando eu clico em outro botão para "trocar" de acorde, pois esse não "desmarca" as teclas do acorde anterior, mas sim, sobrepõe todas (uma bagunça).
Eu sei que preciso criar uma função para "limpar" esse estado, mas não sei como.
const acordes = [
document.querySelectorAll("#c, #e, #g"),
document.querySelectorAll("#d, #f, #a"),
document.querySelectorAll("#e, #g, #b")
]
function chord(acordes) {
for (let index = 0; index < acordes.length; index++) {
acordes[index].classList.add("selecionada")
}
}
selecionada
), e também descrever melhor qual é o comportamento desejado