Calculador de equações do segundo grau
Publicado em 21 de Dezembro de 2025 às 11:22
Categoria:
Um site que calcula equações do segundo grau usando código Java Script, HTML e CSS,
Ele pode arredondar o valor, mostrar a conta só colocando os coeficientes a, b, c.
Materiais Necessários
- Computador ou celular
Ferramentas Necessárias
- Compilador de código (O googles sites tem uma função para rodar o código
Etapas
código JS:
-
const quatroDecimais = (num) => {
let formatado = num.toFixed(3);
let numero = parseFloat(formatado);
if (!isNaN(num)) {
if (numero != parseFloat(num)) {
return true;
}
}
return false;
};
function limpar() {
let a = (document.getElementById("a").value = " ");
let b = (document.getElementById("b").value = " ");
let c = (document.getElementById("c").value = " ");
let el = (document.getElementById("result2").innerHTML = " ");
let conta = (document.getElementById("conta").innerHTML = " ");
let arredondar = (document.getElementById("arredondar").checked = false);
}
function displaySolucao() {
let arredondar = document.getElementById("arredondar").checked;
let a = document.getElementById("a").value;
let b = document.getElementById("b").value;
let c = document.getElementById("c").value;
let el = document.getElementById("result2");
let conta = document.getElementById("conta");
let delta = b ** 2 - 4 * a * c;
let count = "";
if (a == 0) {
el.innerHTML = "";
conta.innerHTML =
`Está equação não é do segundo grau.` +
"<br>" +
"Coloque um valor diferente de zero em a.";
} else {
if (delta === 0) {
count += `Solução da equação: `;
} else {
count += `Soluções da equação: `;
}
if (4 * a === 4) {
count += "x²";
} else if (4 * a === -4) {
count += "-x²";
} else if (a !== 1 && a !== -1) {
count += a + "x²";
}
if (4*b === 4) {
count += "+x";
} else if (4*b === -4) {
count += "-x";
} else if (b < 0 && b !== -1) {
count += b + "x";
} else if (b > 0 && b !== 1) {
count += "+" + b + "x";
}
if (c < 0) {
count += c;
} else if (c > 0) {
count += "+" + c;
}
count += "=0";
conta.innerHTML = `${count}`;
if (arredondar) {
if (delta === 0) {
const resultadoPlus = (-b + delta ** (1 / 2)) / (2 * a);
el.innerHTML = resultadoPlus.toFixed(3);
} else {
const resultadoPlus = (-b + delta ** (1 / 2)) / (2 * a);
const resultadoMinus = (-b - delta ** (1 / 2)) / (2 * a);
if (isNaN(delta ** (1 / 2))) {
el.innerHTML = `Resultados não são reais`;
} else {
el.innerHTML =
resultadoPlus.toFixed(3) + "<br><br>" + resultadoMinus.toFixed(3);
}
}
} else {
if (delta < 0 || quatroDecimais(delta ** (1 / 2))) {
if (b == 0) {
el.innerHTML =
`(√${delta})/${2 * a}` + "<br><br>" + `(-√${delta})/${2 * a}`;
} else {
el.innerHTML =
`(${-b}+√${delta})/${2 * a}` +
"<br><br>" +
`(${-b}-√${delta})/${2 * a}`;
}
} else if (delta > 0) {
const resultadoPlus = (-b + delta ** (1 / 2)) / (2 * a);
const resultadoMinus = (-b - delta ** (1 / 2)) / (2 * a);
el.innerHTML = resultadoPlus + "<br><br>" + resultadoMinus;
} else if (delta === 0) {
const resultadoPlus = (-b + delta ** (1 / 2)) / (2 * a);
el.innerHTML = resultadoPlus;
}
}
}
}
Código HTML:
-
<!doctype html>
<html>
<head>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<h1>Resolvedor de equações do 2º grau</h1>
<p>Valor de a:</p>
<input type="number" id="a" placeholder="Qualquer número ≠ 0" />
<p>Valor de b:</p>
<input type="number" id="b" placeholder="Qualquer número" />
<p>Valor de c:</p>
<input type="number" id="c" placeholder="Qualquer número" /><br />
<br />
<div id="parent">
<input type="checkbox" id="arredondar" value="" />Arredondar<br /><br />
</div>
<button onclick="displaySolucao()">Enviar</button>
<button onclick="limpar()">Limpar</button>
<div id="mostrar">
<h3 id="conta" class="mostrar"></h3>
<h4 id="result2" class="mostrar"></h4>
</div>
<script src="script.js"></script>
</body>
</html>
Código CSS (só para estilo)
-
body {
background-color: rgb(130, 205, 226);
color: royalblue;
font-family: "Arial Narrow Bold", sans-serif;
text-align: center;
}
button {
background-color: mediumseagreen;
color: rgb(0, 71, 0);
text-align-last: center;
border-radius: 5ch;
height: 25px;
}
input {
border-radius: 2.5cm;
}
Conclusão
O que se pode melhorar no programa é diminuir seu tamanho e deixá-lo mais entendível.
Site: https://ka0a1l.mimo.run/index.html
Aprendi que o que o computador faz de melhor é calcular
Comentários
0