JSFiddle - React, Tailwind, and code Playground

by shyam kumar

HTML

<input type="number" class="qty1" value="">
   <input type="number" class="qty1" value="1" min="1" >
    <input type="number" class="qty1" value="">
    <input type="number" class="qty1" value="">
    <input type="number" class="qty1" value="">
   <input type="number" class="qty1" value=""><input type="number" class="qty1" value="">
    <input type="text" class="total" value="" />

CSS

input {display: block;}
input.total {margin-top: 30px;}

JavaScript

$(window).ready(function() {
$(document).on("change keyup mouseup load", ".qty1", function() {
    var sum = 0;
    $(".qty1").each(function(){
        sum += +$(this).val();
    });
    $(".total").val(sum);
});
});