Fiz essa calculadora inspirada na minha mãe que é pediatra, e tenho a intenção de ir melhorando para o código ter vários remédios além da dipirona. html / Javascript
<!DOCTYPE html>
<html lang = "pt-br">
<head>
<meta charset = "UTF-8">
<title>Calculadora de Dipirona</title>
<link href="style.css" rel="stylesheet" type="text/css"/>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Dongle:wght@300&display=swap" rel="stylesheet">
<h1> Calculadora de Dipirona</h1>
<h1> Pediátrica</h1>
</head>
<body>
<h3>Digite a idade do paciente</h3>
<input/>
<button> Calcular </button>
<div id="container-imagem"></div>
<script>
var input = document.querySelector("input");
input.focus();
function mostra(texto){
alert(texto);
}
function calcula() {
var certo = false;
if(input.value < 1) {
mostra("Crianças com menos de 1 ano devem tomar de 2 a 5 gotas, no minímo 1 vez e no máximo 4 vezes por dia!");
certo = true;
}
if(input.value > 1 && input.value <= 3) {
mostra("Crianças de 1 á 3 anos devem tomar de 3 a 10 gotas, no minímo 1 vez e no máximo 4 vezes por dia!");
certo = true;
}
if(input.value > 4 && input.value <= 6) {
mostra("Crianças de 4 á 6 anos devem tomar de 5 a 15 gotas, no minímo 1 vez e no máximo 4 vezes por dia!");
certo = true;
}
if(input.value > 7 && input.value <= 9) {
mostra("Crianças de 7 á 9 anos devem tomar de 8 a 20 gotas, no minímo 1 vez e no máximo 4 vezes por dia!");
certo = true;
}
if(input.value > 10 && input.value <= 12) {
mostra("Crianças de 10 á 12 anos devem tomar de 10 a 30 gotas, no minímo 1 vez e no máximo 4 vezes por dia!");
certo = true;
}
if(input.value > 13 && input.value <= 14) {
mostra("Crianças de 13 e 14 anos devem tomar de 15 a 35 gotas, no minímo 1 vez e no máximo 4 vezes por dia!");
certo = true;
}
if(input.value > 15) {
mostra("Adolescentes e adultos maiores de 15 anos devem tomar de 20 a 40 gotas, no minímo 1 vez e no máximo 4 vezes por dia!");
certo = true;
}
if(certo == false) {
mostra("Erro digite um número de idade válido!");
}
input.value = "";
input.focus();
}
var button = document.querySelector("button");
button.onclick = calcula;
</script>
</body>css
body{
margin: 0;
}
h1{
font-family: 'Bebas Neue', cursive;
font-size: 50px;
color:rgba(6, 8, 10, 1.0);
text-align: right;
}
h2{
font-family: 'Bebas Neue', cursive;
font-size: 50px;
color: rgba(6, 8, 10, 1.0);
text-align: right;
}
h3{
font-family: 'Dongle', sans-serif;
font-size: 30px;
color: black;
text-align: left;
}
input, button{
position:content;
margin-right: 20px;
padding-right: auto;
border: solid;
}
input{
background-color: lightgreen;
font-size-adjust: 40px;
}
button{
color: green;
background-color: white;
}
#container-imagem{
position: absolute;
height: 100vh;
width: 100vw;
background:url(fundo.png);
background-size: cover;
}
o repositório no Git dessa calculadora: https://github.com/yasmingchartrain/calculadora_de_dipirona
