JSFiddle - React, Tailwind, and code Playground

HTML

<input title="input 1"  class="input1"   />
<input title="input 2"  class="input2"   />
<input id="total" />
<ul></ul>

JavaScript

var input1 = '';
var input2 = '';
var input1Title = '';
var input2Title = '';
$("input").keyup(function () {
    input1 = parseInt($('.input1').val(), 10) || 0;
    input1Title = $('.input1').attr("title");
    input2 = parseInt($('.input2').val(), 10) || 0;
    input2Title = $('.input2').attr("title");
    
    var result = '';
    if (input1 > input2) {
        result = ' is greater than ';
    } else if (input1 < input2) {
        result = ' is less than ';
    } else {
        result = ' is the same ';
    }
    //$("ul").append("<li>" + input1Title + result + input2Title + "</li>");
    document.getElementById('total').value = result;
});