Boa Noite, estou com um problema em meu codigo JS, peco para ele verificar se os campos estao vazios, mas quando executo a funcao com o campo vazio ele nao faz a tratativa, simplesmente ignora os if`s, ja procurei na internet como validar, mas o que acho sao exemplos muito parecidos com o que fiz
Segue o codigo em Js e abaixo o HTML
function calculaBask(){ var numA = parseFloat(document.getElementById('a').value), numB = parseFloat(document.getElementById('b').value), numC = parseFloat(document.getElementById('c').value), delta = null, x1 = null, x2 = null; /* TRATATIVAS */ //ver se nao esta vindo numeros nulos if(numA == '' || numA == null){ alert("Digite um numero valido para continuar."); return false; } if(numB == '' || numB == null){ alert("Digite um numero valido para continuar."); return false; } if(numC == '' || numC == null){ alert("Digite um numero valido para continuar."); return false; } //recebendo o valor de delta delta = numB * numB - 4 * numA * numC; //pegando a raiz de delta raizDelta = Math.sqrt(delta); //Calculando primeira raiz x1 = (-numB + raizDelta) / 2 * numA ; //calculando segunda raiz x2 = (-numB - raizDelta) / 2 * numA; document.getElementById('raiz1').value = x1; document.getElementById('raiz2').value = x2; document.getElementById('bd').value = delta; }
<header class="container"> <h1 style="text-align:center;">Calcule Baskhara</h1> </header> <section class="container box-space secao-input"> <label>Digite A: <input id="a" type="text" placeholder=""> </label> <label>Digite B: <input id="b" type="text" placeholder=""> </label> <label>Digite C: <input id="c" type="text" placeholder=""> </label> </section> <div class="container box-space results"> <label class="label-rs">Raiz 1: <input id="raiz1" type="text"> </label> <label class="label-rs">Raiz 2: <input id="raiz2" type="text"> </label> <label class="label-rs">Binomio discriminante: <input id="bd" type="text"> </label> <button onclick="calculaBask()" id="botao">Calcular</button> </div> <script src="js/script.js"></script>