Ir para conteúdo
alecram28

Exercicio Javascript switch case

Recommended Posts

Bom dia.

Tenho o seguinte exercicio para fazer, comecei a fazer mas nao consigo terminar e nao sei se é bem isso. 

Se alguem puder me ajudar, sou iniciante. Obrigado!

 

Questao: Usando HTML, CSS e JS, escreva um algoritmo que leia o código de uma operação a partir o teclado e que realize a operação associada a esse código. O código é um valor inteiro. Os códigos
e operações são listados abaixo:
1 Área de um retângulo. Os valores da base e da altura do retângulo devem ser informados pelo usuário. OBS: aretângulo = base * altura.
2 Área de um triângulo. Os valores da base e da altura do triângulo devem ser informados pelo usuário. OBS: atriângulo = (base * altura) / 2.
3 Área de um círculo. O valor do raio do círculo deve ser informado pelo usuário. OBS: acírculo = 3,14 * (raio)2

4 Área de um trapézio. Os valores da base maior, da base menor e da altura do trapézio devem ser informados pelo usuário. OBS: atrapézio = [(base maior + base menor) * altura] / 2.

 

 

 

Meu código:

html:

 

<!DOCTYPE html>

<html lang="pt-br">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Área figuras</title>

<link rel="stylesheet" href="pratica06exercicio04.css">

<script src="pratica06exercicio04.js" type="text/javascript"></script>

</head>

<body>

<main>

<h1>Área de Figuras Geométricas</h1>

<h3>Informe o número da operação desejada:</h3>

<h4>1- Área Retângulo<br>2-Área Triângulo<br>3-Área Círculo<br>4-Área Trapézio</h4>

<div class="numero">Código <input type="number"id="cod"></div>

<button onclick="codigo()">OK</button>

<div id="operandos"></div>

<div id="resultado"></div>

</main>

</body>

</html>

 

 

 

 

js:

 

function codigo() {

var c = document.getElementById("cod");

switch (c) {

case '1':

operandosRetangulo()

break;

case '2':

operandosTriangulo()

break;

case '3':

operandosCirculo()

break;

case '4':

operandosTrapezio()

break;

 

}

}

 

function limparTela() {

var operandos = document.getElementById("operandos");

var resultado = document.getElementById("resultado");

operandos.style.display = "none";

resultado.style.display = "none";

}

 

function operandosCirculo() {

limparTela();

var operandos = document.getElementById("operandos");

operandos.innerHTML = "Informe o raio: <input type='number' id='raio'>" +

"<br/>" + "<button onclick='areaCirculo ()'>OK</button>";

operandos.style.display = "block";

}


 

function operandosRetangulo() {

limparTela();

var operandos = document.getElementById("operandos");

operandos.innerHTML = "Informe a base: <input type='number' id='base'>" +

"<br/>" +

 

"Informe a altura: <input type='number'id='altura'>" +

"<br/>" +

"<button onclick='areaRetangulo ()'>OK</button>";

operandos.style.display = "block";

}

 

function operandosTriangulo() {

limparTela();

var operandos = document.getElementById("operandos");

operandos.innerHTML = "Informe a base: <input type='number' id='baset'>" +

"<br/>" +

 

"Informe a altura: <input type='number'id='alturat'>" +

"<br/>" +

"<button onclick='areaTriangulo ()'>OK</button>";

operandos.style.display = "block";

}

 

function operandosTrapezio() {

limparTela();

var operandos = document.getElementById("operandos");

operandos.innerHTML = "Informe a base maior: <input type='number' id='basema'>" +

"<br/>" +

"Informe a base menor: <input type='number' id='baseme'>" +

"<br/>" +

 

"Informe a altura: <input type='number'id='alturaz'>" +

"<br/>" +

"<button onclick='areaTrapezio ()'>OK</button>";

operandos.style.display = "block";

}


 

function areaCirculo() {

var raioSTR = document.getElementById("raio").value;

var raio = parseFloat(raioSTR);

var area = 3.14 * Math.pow(raio, 2);

var resultado = document.getElementById("resultado");

resultado.innerHTML = area;

resultado.style.display = "block";

}


 

function areaRetangulo() {

var baseSTR = document.getElementById("base").value;

var alturaSTR = document.getElementById("altura").value;

var base = parseFloat(baseSTR);

var altura = parseFloat(alturaSTR);

var area = base * altura;

var resultado = document.getElementById("resultado");

resultado.innerHTML = area;

resultado.style.display = "block";

}

 

function areaTriangulo() {

var bt = document.getElementById("baset").value;

var at = document.getElementById("alturat").value;

var baset = parseFloat(bt);

var alturat = parseFloat(at);

var areat = (bt * at) / 2;

resultado.innerHTML = areat;

resultado.style.display = "block";

}

 

function areaTrapezio() {

var bma = document.getElementById("basema").value;

var bme = document.getElementById("baseme").value;

var az = document.getElementById("alturaz").value;

var areatra = ((bma + bme) * az) / 2;

resultado.innerHTML = areatra;

resultado.style.display = "block";

 

}


 

 

 

 

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

  • Conteúdo Similar

    • Por nohime
      Como resolver essas três tarefas sobre Comandos de Decisão IF do C#?
      2. Receber um número e verificar se ele esta na faixa de 0 à 9. Se sim, mostre uma mensagem afirmativa, caso contrário mostre uma mensagem indicando que o número não se encontra na faixa.
      6. Receber dois números e os apresente em ordem crescente. Utilize apenas a estrutura de decisão if, ou seja, sem o opcional else.
      9. Receber um ano e se este ano for bissexto exibir na tela “Ano Bissexto”, senão exibir na tela “Ano Não-Bissexto”. Um ano é bissexto se for divisível por 4, mas não por 100. Um ano também é bissexto se for divisível por 400.
    • Por _badi_
      Preciso de ajuda! Pode parecer uma dúvida besta, mas sou nova nessa área e não estou conseguindo resolver essa questão da facul!
      A questão é:
      1)      Faça o fluxograma e depois faça o código em Javascript de um programa  que lê  3 notas obtidas por um aluno e depois calcule  e imprima a média dos para avaliação, usando  a fórmula abaixo. Imprimir depois o conceito, conforme a tabela abaixo. Use o prompt no javascript e um botão que mostre a média e o conceito depois que do clique no mesmo.
      MA = (Nota1 + Nota2 x 2 + Nota3 x 3 + ME )/7
      Média de Aproveitamento
      Conceito
      10
      A
      7,5 e < 10
      B
      4,0 e < 7,5
      C
      < 4,0
      D
       
      Meu código ficou assim:
      <!DOCTYPE html> <html> <head>      </head> <body> Para calcular sua media e saber seu conceito, clique no botao abaixo: <br> <br> <button onclick='mostra()'>Try it</button> <p id="resp"></p> <br> <br> <script>     function mostra(){         var nota1 = prompt ("Digite a nota 1");         var resp1 = parseInt (nota1);         var nota2 = prompt ("Digite a nota 2");         var resp2 = parseInt (nota2);         var nota3 = prompt ("Digite a nota 3");         var resp3 = parseInt (nota3);         var ME = (resp1 + resp2 + resp3)/3;         var MA = resp1 + (resp2 * 2) + (resp3 * 3) + ME/7;         if (MA=10) {             document.getElementById("resp").innerHTML=("Sua media foi " + ME + " e seu conceito foi A!");         } else if (MA=7.5&&MA<10){             document.getElementById("resp").innerHTML=("Sua media foi " + ME + " e seu conceito foi B!");         } else if (MA=4&&MA<7.5){             document.getElementById("resp").innerHTML=("Sua media foi " + ME + " e seu conceito foi C!");         } else if (MA<4){             document.getElementById("resp").innerHTML=("Sua media foi " + ME + " e seu conceito foi D!");         }         }          </script> </body> </html>  
      Mas sempre volta como conceito A, não importa os valores que coloco :(
      Obrigado!
       
    • Por Eduardo S. B. de Oliveira
      Senhores, preciso de uma ajuda, estou criando um formulário onde o checkbox fique "checked" quando clicar em cima, mas o detalhe e que quando atualizar a pagina o checkbox permaneça marcado. É possível? 
    • Por alh
      Estou seguindo as especificações corretamente do git. https://github.com/opencartbrasil/opencart-rest-api/blob/master/README.md
      Estou tendo o erro ao acessar minha página de integração:
      ERRO: Not found (entity)
      Ao acessar minha página que contém o seguinte código: categorias.php
       
      No arquivo abaixo estou colocando a minha KEY e domínio correto.
      <?php $headers = array(); $headers[] = 'Content-Type: application/json'; $headers[] = 'key: MINHAKEY'; // // Replace key value for API key OpenCart (Only numbers and letters) $ch = curl_init(); curl_setopt_array($ch, [ CURLOPT_URL => 'http://www.NOMEDOMEUDOMINIO.com.br/api.php/categories', // Replace domain and table name CURLOPT_HTTPHEADER => $headers, CURLOPT_CUSTOMREQUEST => 'GET', CURLOPT_RETURNTRANSFER => true, CURLOPT_SSL_VERIFYHOST => false, CURLOPT_SSL_VERIFYPEER => false ]); $out = curl_exec($ch); curl_close($ch); print_r( $out ); // Result json ?>
    • Por Bruno Goedert Dalmolin
      Não consigo apresentar as palavras equivalentes conseguem me ajudar???
      O código é o seguinte: 
       
      #include <stdio.h>
      char equivale(int ddd){
          switch(ddd){
              case 61:
                  return "Brasilia";
                  break;
              case 71:
                  return "Salvador";
                  break;
              case 11:
                  return "Sao Palo";
                  break;
              case 21:
                  return "Rio de Janeiro";
                  break;
              case 32:
                  return "Juiz de Fora";
                  break;
              case 19:
                  return "Campinas";
                  break;
              case 27:
                  return "Vitoria";
                  break;
              case 31:
                  return "Belo Horizonte";
                  break;
          }
      }
      int main(){
          int ddd;
          scanf("%d",&ddd);
          equivale(ddd);
          printf("%d",equivale(ddd));
      }
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.