Не помогает required?

Question

[Артур]

2 поля с числовыми значениями, по клику на кнопку значения считаются и выводятся в блок. Пустые значения тоже считаются.
Как правильно составить if-else, чтобы не пропускать пустые поля?

function addition() {
      var cars = document.getElementById('cars').value;
      var liter = document.getElementById('liter').value;

      if (isNaN(cars)==true) cars=0;
      if (isNaN(liter)==true) liter=0;

      var result = Math.round(36*cars*liter*0.18);
      var resultt = Math.round(36*cars*liter*0.7);

      document.getElementById('result-1').innerHTML = result;
      document.getElementById('result-2').innerHTML = resultt;
   }
   $(function(){
      $('#but').on('click', function(){
         $('.block-result').addClass('activve');
      })
   })

<div class="form">
  <form class="calculator">
    <div class="form-row">
      <div class="h4">Сколько</div>
      <div class="sense">
        <input type="number" autocomplete="off" pattern="^[ 0-9]+$" id="cars" placeholder="..." required
      </div>
    </div>
    <div class="form-row">
      <div class="h4">Среднее потребление:</div>
      <div class="sense">
        <input type="number" autocomplete="off" pattern="^[ 0-9]+$" id="liter" required>
      </div>
    </div>
    <div class="form-row">
      <input id="but" type="button" class="b-yellow" value="" onclick="addition();">
    </div>
</form>
<div class="block-result" style="display:none">
  <div class="res mb-0">
    <p class="normal">Если вы работаете без НДС</p><div><p id="result-1"> </p></div>
  </div>
</div>

Comments

[Сергей delphinpro]

Возьмите и не мучайтесь.

Answer 1

[Павел Корнилов]

if (isNaN(cars)|| !cars.length) cars=0;
      if (isNaN(liter) || liter.length ) liter=0;