Bom, estou começando a programar e minha dúvida é a seguinte: 1) Criei essa página HTML para calcular uma fórmula simples de bhaskara:
let valorA = parseFloat(document.getElementById('#a').value);
var numA = valorA;
let valorB = parseFloat(document.getElementById('#b').value);
var numB = valorB;
let valorC = parseFloat(document.getElementById('#c').value);
var numC = valorC;
function calc() {
var delta=((Math.pow(numB,2))-((4*numA)*numC));
var raiz=Math.sqrt(delta);
var base=2*numA;
// validar a, b, c
if (delta < 0)
{
alert("Nao tem resposta")
}
else if(delta === 0)
{
var deltaX = (numB*(-1)) / base;
document.getElementById('x1').innerHTML = deltaX;
}
else
{
var x1=(-numB+raiz)/base;
var x2=(-numB-raiz)/base;
document.getElementById('delta').innerHTML = delta;
document.getElementById('x1').innerHTML = x1;
document.getElementById('x2').innerHTML = x2;
}
}
let button = document.querySelector('#buttonC');
button.addEventListener('click', calc);
<body>
<p>Calculadora de Bhaskara</p>
<form action="" method="post" name="bhaskara">
<label id="label-a">A: </label>
<input id="a" type="number" value="1">
<label id="label-b">B: </label>
<input id="b" type="number" value="1">
<label id="label-c">C: </label>
<input id="c" type="number" value="1">
<br>
<button id="buttonC">Calcular</button>
<br>
</form>
<section>
<label id="label-delta">DELTA: </label>
<input id="delta" type="text" disabled>
<label id="label-x1">X1: </label>
<input id="x1" type="text" disabled>
<label id="label-c">X2: </label>
<input id="x2" type="text" disabled>
</section>
<script src="script.js"></script>
</body>
Queria digitar os valores de A/B e C, apertar o botão calcular e devolver para os input's desabilitados.
Pode parecer bobo, mas estou a 4 horas tentando fazer funcionar e nada.