JSFiddle - React, Tailwind, and code Playground

by masteram

HTML

<input class="soma" maxlength="1" type="number" />
<input class="soma" maxlength="1" type="number" />
<input class="soma" maxlength="1" type="number" />
<button id="mostrar_resultado">calc</button>
<input class="recebe_valor" type="number" />
<div id="resposta"></div>

JavaScript

$('#mostrar_resultado').click(function() {
    var valor = 0; 
    var invalid = false;
    $('.soma').each(function(i){ 
        var tmp = parseInt($(this).val(), 10);
        if(isNaN(tmp)){
            invalid = true;
        }else{
            valor += tmp;
        }
    });
    
    if(invalid){
        $('#resposta').html("invalid");
    } else {
        
        if (valor >= 10){
            $('#resposta').html("Sonolência excessiva diurna, deve ser investigada. Procure um médico!")
        } else if (valor <=9){
            $('#resposta').html("Você não possui sonolência excessiva diurna!")
        }
        if (valor == 0){
            $('#resposta').html("");
            $('.recebe_valor').val("0");
        }
    }
    
})