JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" class="qty1" value="" />
    <input type="text" class="qty1" value="" />
    <input type="text" class="qty1" value="" />
    <input type="text" class="qty1" value="" />
    <input type="text" class="qty1" value="" />
    <input type="text" class="qty1" value="" />

    <input type="text" class="total" value="" />

<div id="result"></div>

CSS

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

JavaScript

$(".qty1").on("blur", function(){
    var sum=0;
    $(".qty1").each(function(){
        if($(this).val() != "")
          sum += parseInt($(this).val());   
    });
    
    $("#result").html(sum);
});