Trabalho de Desenvolvimento de Software -
Estrutura Condicional IF...ELSE
No exemplo original, o script utilizava a estrutura SWITCH...CASE para determinar qual
mensagem seria exibida de acordo com a opção informada pelo usuário. Nesta versão alternativa,
o mesmo comportamento foi reproduzido utilizando a estrutura IF...ELSE IF...ELSE, mantendo as
mesmas funcionalidades e resultados esperados.
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript - Exemplo 21 (Versão IF...ELSE)</h2>
<hr>
<p><b>** MENU DE OPÇÕES **</b></p>
<p>1. Inserir Dados</p>
<p>2. Consultar Dados</p>
<p>3. Editar Dados</p>
<p>4. Excluir Dados</p>
<p><b>Informe uma Opção:</b></p>
<input id="opcao" value="0" />
</br>
<button onclick="funcao()">Opção</button>
<p id="ex21"></p>
<script>
function funcao() {
var opcao = [Link]("opcao").value;
var mensagem = "";
if (opcao === "1") {
mensagem = "Escolhida a Inserção de Dados.";
} else if (opcao === "2") {
mensagem = "Escolhida a Consulta de Dados.";
} else if (opcao === "3") {
mensagem = "Escolhida a Edição de Dados.";
} else if (opcao === "4") {
mensagem = "Escolhida a Exclusão de Dados.";
} else {
mensagem = "Opção Inválida.";
}
[Link]('ex21').innerHTML = mensagem;
}
</script>
</body>
</html>
Nesta versão, a estrutura condicional if...else substitui o switch...case sem alterar a
funcionalidade do programa.