JSFiddle - React, Tailwind, and code Playground

HTML

<input class="myClass" type="text" value="23"/>
<input class="myClass" type="text" value="12"/>
<input class="myClass" type="text" value="66"/>
<input class="otherClass" type="text" value="asdfjklö"/>
<input class="otherClass" type="text" value="Blabqwe"/>
<input class="myClass" type="text" value="92"/>
<input class="myClass" type="text" value="6"/>
<input id="result" class="button" type="text" readonly/>

JavaScript

$(function(){
    var inputs = $('input[class=myClass]');
    
    inputs
        .keypress(function(e) {                   
            var key = e.charCode || e.keyCode || 0;                     
            var keychar = String.fromCharCode(key);
            if (  ((key == 8 || key == 9 || key == 46 || key == 35 || key == 36 || (key >= 37 && key <= 40)) && e.charCode==0) || (key >= 48 && key <= 57) ) {
                return;
            } else {
                e.preventDefault();
            }
        })        
        .keyup(function (){
            var result = 0;
            inputs.each(function (i, value){
                result += parseInt($(value).val() || 0, 10);
               
            })
            $('#result').attr('value', result);
        })            
})