0% acharam este documento útil (0 voto)
3 visualizações1 página

JavaScript If ELSE

O documento apresenta uma versão de um script em JavaScript que utiliza a estrutura condicional IF...ELSE para determinar a mensagem a ser exibida com base na opção escolhida pelo usuário. A funcionalidade permanece a mesma em relação à versão anterior que utilizava SWITCH...CASE. O exemplo inclui um menu de opções e a implementação da lógica condicional em um código HTML simples.

Enviado por

alan.carlos.100
Direitos autorais
© All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd
0% acharam este documento útil (0 voto)
3 visualizações1 página

JavaScript If ELSE

O documento apresenta uma versão de um script em JavaScript que utiliza a estrutura condicional IF...ELSE para determinar a mensagem a ser exibida com base na opção escolhida pelo usuário. A funcionalidade permanece a mesma em relação à versão anterior que utilizava SWITCH...CASE. O exemplo inclui um menu de opções e a implementação da lógica condicional em um código HTML simples.

Enviado por

alan.carlos.100
Direitos autorais
© All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd

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.

Você também pode gostar