Exercicio Javascript switch case
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";
}Discussão (0)
Carregando comentários...