tengo una función que calcula automática un puntaje y lo muestra en un input de solo lectura, y de acuerdo al puntaje calculado quiero mostrarle una información(riesgo), pero como el input es readonly no me funciona el .change()
Estos son los input de puntaje y de riesgo
<input class="form-control" type="text" id="riesgo" readonly>
<input class="form-control" type="number" id="puntaje" readonly>
Esta es la función que pretendia hacer la tarea de mostrarle el riesgo:
$('#puntaje').change(function() {
puntaje = $('#puntaje').val();
console.log(puntaje);
if (puntaje >= 0 && puntaje <= 2) {
$('#riesgo').val("BAJO");
} else {
$('#riesgo').val("ALTO");
}
});
Alguna sugerencia sobre como podría hacer que funcione esto?