Jump to content
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";

 

}


 

 

 

 

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By prometheusz
      Amigos bom dia, sou novo aqui
      Tenho a seguinte tabela  :
       
       
      gostaria de capturar os ids quando fosse clicado no botão pegar valor do codigo porem do jeito que fiz ele só captura o 88 nao importa qual mlinha eu clique ele so captura o numero 88
       
      codigo:

       
      <script> $(function () { $(document).on('click', '.btn-danger', function (e) { e.preventDefault; var codigo =document.getElementsByTagName('th')[5].innerHTML; alert(codigo) }); }); </script> <?php while ($dado = ibase_fetch_object($consulta_retorno)){ ?> <tr> <th data-title="ID"><?php echo ($dado->ID)?> </th> <td data-title="Nome"><?php echo utf8_encode($dado->NOME)?></td> <td data-title="DataCompra"><?php echo date("d/m/Y", strtotime($dado->DATACOMPRA))?></td> <td data-title="Email"><?php echo utf8_encode($dado->EMAIL)?></td> <td> <button class="btn-danger">Pegar Valor do Código</button></td> </tr> <?php }?>  
       
    • By VCastilho
      Bom Dia
      Estou fazendo uma pagina do meu site via Elementor, e começou a aparecer alguns erros no console que não consigo localizar a raiz.
      Inclusive a função de Carrossel de Imagens não está funcionando, esta inserido na Div porém não funciona, poderia me ajudar?
      Segue o link referente ao site:
       
    • By Guss
      A programadora Cafiaspirina Cruz deseja que todos os elementos <h2> de sua página ganhassem a classe "titulo", para que depois a fonte dos <h2> pudesse ser modificada por um CSS,  deixando-os com um destaque específico. Escreva abaixo um código em Javascript para que todos os <h2> da página ganhem a classe "titulo" de uma única vez?
    • By mxclxrx
      l>
          <head>
              <title>Pergunta 1</title>
          </head>
          <body>
              
              <h3>Pergunta 1</h3>
              <form name="resp" action="pergunta2.php" method="POST">
                  O que é nanotecnologia?<br><br>
                      a)<input type="radio" name="resposta" value="a">é a teoria física que obtém sucesso no estudo dos sistemas físicos cujas dimensões são próximas ou abaixo da escala atômica, tais como moléculas, átomos, elétrons, prótons e de outras partículas subatômicas, muito embora também possa descrever fenômenos macroscópicos em diversos casos.<br><br>
                      b)<input type="radio" name="resposta" value="b">é o estudo de manipulação da matéria em escala atômica e molecular e incluí o desenvolvimento de materiais que está associada a diversas áreas como a medicina, eletrônica, ciência da computação, física, química, biologia e engenharia dos materiais entre outras.<br><br>
                      c)<input type="radio" name="resposta" value="a">é a ciência que estuda a composição, estrutura, propriedades da matéria, as mudanças sofridas por ela durante as reações químicas e a sua relação com a energia.<br><br>
                      d)<input type="radio" name="resposta" value="a">baseia-se na lei da conservação das massas, na lei das proporções definidas e na lei das proporções múltiplas. <br><br>
                      e)<input type="radio" name="resposta" value="a">são protozoários caracterizados pela presença de organelos em forma de pêlos ou tentáculos sugadores chamados cílios.<br><br>
                      
                      <br><br>
                      <input type="submit" name="confirmar" value="confirmar">
              </form>
              <?php
                  
                  if(isset($_POST['confirma'])){
                      $resposta= $_POST['resposta'];
                      $certa= $_POST['certa'];
                      $certa= "b";s
                  
                  if($resposta==$certa){
                      echo('<script>window.alert("Parabens! Voce acertou!");window.location="pergunta2.php";</script>');
                  }else{
                      header('location:pergunta1.php');
                  }
                  }
              ?>
              
          </body>
      </html>
    • By rodbacana
      Boa noite senhores(a),
       
      estou iniciando agora com react native e firebase, estou tentando criar uma aplicação 
      onde você loga com e-mail e senha, logo após irá aparecer uma lista com as ações da bolsa de valor pra que você possa escolher uma delas.
      Quando clicar sobre qualquer uma, será exibido um gráfico com as oscilações, e o usuário poderá criar um alerta que quando a ação atingir uma valor(seja ele positivo ou negativo)
      o celular dispare uma alerta.
       
      A questão é: a tela de login e as validações, eu consegui fazer. Mas não faço a mínima idéia de como criar os gráficos baseados no consumo de uma api rest que eu tenho aqui.
       
      Alguém pode me ajudar ?
       
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.