meus caros, bom dia.
estou desenvolvendo um codigo para treinar e aprender javascript, mais precisamente a função switch case mas não consigo achar a origem do problema.
o meu codigo tem 7 botoes.
o que ele deve fazer é o seguinte:
ao clicar no botao 1, deverá aparecer a palavra preto
ao clicar no botao 2, deverá aparecer a palavra verde
e assim sucessivamente.
problema: quando eu clico, nada aparece.
segue o codigo:
codigo html:
Botão Switch<body>
<h1>Botão Switch</h1>
<form>
<input type="button" value="botao1" onclick="selecionar('preto');" />
<input type="button" value="botao2" onclick="selecionar('verde');" />
<input type="button" value="botao3" onclick="selecionar('vermelho');" />
<input type="button" value="botao4" onclick="selecionar('amarelo');" />
<input type="button" value="botao5" onclick="selecionar('azul');" />
<input type="button" value="botao6" onclick="selecionar('rosa');" />
<input type="button" value="botao7" onclick="selecionar('lilas');" />
</form>
<p id="botaoselecionado"></p>
</body>
e agora, segue o código em javascript:
function selecionar (botao) {
switch (botao) {
case ‘botao1’:
document.getElementById(“botaoselecionado”).innerHTML = “preto”;
break;
case ‘botao2’:
document.getElementById(“botaoselecionado”).innerHTML = “verde”;
break;
case ‘botao3’:
document.getElementById(“botaoselecionado”).innerHTML = “vermelho”;
break;
case ‘botao4’:
document.getElementById(“botaoselecionado”).innerHTML = “amarelo”;
break;
case ‘botao5’:
document.getElementById(“botaoselecionado”).innerHTML = “azul”;
break;
case ‘botao6’:
document.getElementById(“botaoselecionado”).innerHTML = “rosa”;
break;
case ‘botao7’:
document.getElementById(“botaoselecionado”).innerHTML = “lilas”;
break;
}
}
