-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathUma calculadora diminuta.html
49 lines (41 loc) · 1.84 KB
/
Uma calculadora diminuta.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Uma calculadora pequenina!</title>
</head>
<body>
<h1>Uma calculadora diminuta!</h1>
<h4>Esta calculadora ainda é um bebê, aprendendo a lidar com números e operações. Seja gentil com ela 🍼.</h4>
<label for="valor1">Primeiro valor:</label>
<input type="number" id="valor1" placeholder="Digite o primeiro número">
<label for="valor2">Segundo valor:</label>
<input type="number" id="valor2" placeholder="Digite o segundo número">
<label for="operacao">Operação (1: +, 2: -, 3: /, 4: *):</label>
<input type="number" id="operacao" placeholder="Digite o valor da operação" min="1" max="4">
<button onclick="calcular()">Calcular</button>
<p id="resultado"></p>
<script>
function calcular() {
const valor1 = parseInt(document.getElementById('valor1').value);
const valor2 = parseInt(document.getElementById('valor2').value);
const operacao = parseInt(document.getElementById('operacao').value);
let resultado;
if (operacao === 1) {
resultado = valor1 + valor2;
} else if (operacao === 2) {
resultado = valor1 - valor2;
} else if (operacao === 3) {
resultado = valor1 / valor2;
} else if (operacao === 4) {
resultado = valor1 * valor2;
} else {
document.getElementById('resultado').textContent = "Operação inválida. Escolha entre 1, 2, 3 ou 4.";
return;
}
document.getElementById('resultado').textContent = `Resultado: ${resultado}`;
}
</script>
</body>
</html>