JSFiddle - React, Tailwind, and code Playground

HTML

<h3>
<i>oninput</i> example
</h3>
<input type="text" id="QID1_Total" /><br/>
<label type="text" id="QR~QID3"></label>
<br/><br/>
<h3>
<i>onchange</i> example
</h3>
<input type="text" id="QID1_Total_" /><br/>
<label type="text" id="QR~QID3_"></label>

JavaScript

document.getElementById("QID1_Total").addEventListener("input", function(){
  if(parseInt(document.getElementById("QID1_Total").value) > 15) {
        document.getElementById("QR~QID3").innerHTML = "Good";
                document.getElementById("QID1_Total_").value = "Good";

        }
    else{
        document.getElementById("QR~QID3").innerHTML = "Average";
                document.getElementById("QID1_Total_").value = "Good";

    }
});

document.getElementById("QID1_Total_").addEventListener("input", function(){
  if(parseInt(document.getElementById("QID1_Total_").value) > 15) {
        document.getElementById("QR~QID3_").innerHTML = "Good";
        }
    else{
        document.getElementById("QR~QID3_").innerHTML = "Average";
    }
});