JSFiddle - React, Tailwind, and code Playground

by sushanth009

HTML

<form id="myform">
   <select name="sv_313"  id="sv_313">
      <option value="Select One">Select One</option>
      <option value="0.1">A</option>
      <option value="0.2">B</option>
      <option value="0.3">C</option>
   </select>
   <br />
   <input type="number" name="sv_312" size="10" maxlength="10"  />
   Calculated value 
   <div class="coverage"> </div>
</form>

JavaScript

$(function() {
    $('#sv_313').on('change', function() {
        calculate();
    });

    $('input[name=sv_312]').on('blur', function() {
        calculate();
    });
});

function calculate() {
    var $select = $('#sv_313').val();
    var $text = $('input[name=sv_312]').val();

    if ($select == undefined || $select == '' ||$select == 'Select One') {
        $select = 0;
    }
    else {
        $select = parseFloat($select);
    }
    //
    if ($text == undefined || $text == '') {
        $text = 0;
    }
    else {
        $text = parseFloat($text);
    }

    $('.coverage').html($select + $text);
}