Curso N° 2 Desafio N° 3
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>Desafio Nº 3</title>
</head>
<body>
<header>
<h1></h1>
</header>
<main class="container">
<button onclick="indiceMassaCorporal(alturaPessoa,pesoPessoa)" class="button">Índice Massa Corporal</button>
<button onclick="fatorialNumero(numeroFator)" class="button">Fatorial do Número</button>
<button onclick="conversorDolarReal(dolaresQuantidade)" class="button">Conversor Dolar em Real</button>
<button onclick="areaPerimetroRectangulo(alturaSala,larguraSala)" class="button">Área e Perímetro do Retangulo</button>
<button onclick="areaPerimetroCirculo(radioSala)" class="button">Área e Perímetro do Circulo</button>
<button onclick="tabuadaDoNumero(numeroTabuada)" class="button">Tabuada do Número</button>
</main>
<script src="app.js"></script>
</body>
</html>
style.css
header {
text-align: center;
font-size: 30px;
color: hsl(75, 94%, 49%);
}
main, html {
margin: 0;
padding: 0;
height: 50%;
display: flex;
justify-content: center;
align-items: center;
background-color: hsl(255, 92%, 26%);
}
.container {
text-align: center;
color: hwb(326 16% 0%);
}
.button {
padding: 10px 20px;
margin: 10px;
font-size: 24px;
border: none;
color: hsl(75, 94%, 49%);
background-color: hsl(326, 70%, 53%);
cursor: pointer;
border-radius: 20px;
}
.button:hover {
background-color: #ab045d;
}
app.js
/* Curso de Logica de Programação 2 */
/* Desafio da Aula Nº 3 */
// Declaração e asignaçaõ de Variaveis //
let titulo = (document.querySelector('h1')).innerHTML = 'Hora do Desafio Nº 3';
let alturaPessoa;
let pesoPessoa;
let numeroFator;
let dolaresQuantidade;
let alturaSala;
let larguraSala;
let radioSala;
const Pi = 3.14;
let numeroTabuada;
// Funções dos botôes do App//
function indiceMassaCorporal(alturaPessoa, pesoPessoa) {
alturaPessoa = prompt('Altura da Pessoa M');
pesoPessoa = prompt('Peso da Pessoa Q');
indiceMC = (parseFloat(pesoPessoa) / parseFloat(alturaPessoa * alturaPessoa)).toFixed(2);
alert(`O indice de massa corporal é ${indiceMC}`);
}
function fatorialNumero(numeroFator) {
numeroFator = prompt('Fatorial do Numero!');
let numeroFatorial = parseInt(numeroFator);
let solucao = numeroFatorial;
if (numeroFatorial < 0) {
solucao = -1;
} else if (numeroFatorial == 0 || numeroFatorial == 1) {
solucao = 1;
} else {
while (numeroFatorial > 1) {
numeroFatorial--;
solucao *= numeroFatorial;
}
}
alert(`O fatorial do, ${numeroFator} é ${solucao}`);
}
function conversorDolarReal(dolaresQuantidade) {
dolaresQuantidade = prompt('Quantidade de dolares $');
resultado = (parseFloat(dolaresQuantidade * 4.80)).toFixed(2);
alert(`O cambio de $, ${dolaresQuantidade} é igual a R$ ${resultado}`);
}
function areaPerimetroRectangulo(alturaSala,larguraSala) {
alturaSala = prompt('Altura da Sala');
larguraSala = prompt('Largura da Sala');
let areaRetangulo = (parseFloat(alturaSala * larguraSala)).toFixed(2);
let perimetroRetangulo = (parseFloat((alturaSala * 2) + (larguraSala * 2))).toFixed(2);
alert(`Uma sala com altura de, ${alturaSala} m e largura de ${larguraSala} m, tem uma Área de ${areaRetangulo} m2 e um perimetro de ${perimetroRetangulo} m `);
}
function areaPerimetroCirculo(radioSala) {
radioSala = prompt('Radio da Sala');
let areacirculo = (parseFloat(Pi * (radioSala * radioSala))).toFixed(2);
let perimetroCirculo = (parseFloat( 2 * Pi * radioSala)).toFixed(2);
alert(`Uma sala com um radio de, ${radioSala} m, tem uma Área de ${areacirculo} m2 e uma perimetro de ${perimetroCirculo} m `);
}
function tabuadaDoNumero(numeroTabuada) {
numeroTabuada = prompt('Tabuada do número');
for (let numeroMultiplicador = 1; numeroMultiplicador <= 10; numeroMultiplicador++) {
resultadoMultiplicacao = (parseInt(numeroTabuada) * numeroMultiplicador);
alert(`A tabuada do ${numeroTabuada} X ${numeroMultiplicador} = ${resultadoMultiplicacao} `);
}
}
