Tenho uma interface onde tenho vários botões e cada um representa um instrumento.
Quando carrego, para selecionar o instrumento que quero, tenho de mudar a variável da biblioteca que estou a usar.
Algo do género: Carrega botao piano (html) e muda no js o var selectedPreset = (número correspondente do instrumento).
Consigo detetar quais botões estão a ser clicados mas não consigo mudar a variável através da função. Se fizer return diretamente do piano , p.e., consegue funcionar, mas dentro do if, nao.
<div class="Instrumentos" >
<button class="fas fa-play" name="piano" ></button>
<button class="fas fa-play" name="guitar" ></button>
var buttons = document.getElementsByTagName("button");
for (var i = 0; i < buttons.length; i++) {
buttons[i].addEventListener("click", message);
}
function message(som) {
var piano = _tone_0000_SBLive_sf2
var guitar = _tone_0240_SBLive_sf2
var name = this.name;
var som
if (name == "piano") {
som = piano
console.log(som)
return som
//alert("Piano");
} else if (name == "guitar") {
som = guitar
alert("Guitarra");
}
return som
}
var selectedPreset = message()
selectedPreset
executa a funçãomessage()
logo que o JavaScript é carregado, e não no clique do botão, por isso você não consegue "mudar o valor da variável". Outro detalhe é que afunction message(som)
recebe um parâmetro que não usa...buttons[i].addEventListener("click", message);
que associa o evento click à fuctionmessage
?selectedPreset
, já que ele está fora da funçãomessage
._tone_0000_SBLive_sf2
e_tone_0240_SBLive_sf2
que não estão definidas... seu código pode ter várias melhorias, como a variávelsom
que o @RafaelTavares já mencionou, que não está sendo passada para a function e, ao me ver, não faz nada de útil na function, é essa variável que mencionou na pergunta que quer mudar?