JSFiddle - React, Tailwind, and code Playground

by aaronk85

HTML

<input title="input 1" type="tel" class="input1" value="" maxlength="3" />
<input title="input 2" type="tel" class="input2" value="" maxlength="3" />
<ul></ul>

JavaScript

var input1 = '';
var input2 = '';
var input1Title = '';
var input2Title = '';
$("input").keyup(function () {
    input1 = parseInt($('.input1').val(), 10);
    input1Title = $('.input1').attr("title");
    input2 = parseInt($('.input2').val(), 10);
    input2Title = $('.input2').attr("title");

    if (input1 && input2) {
        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>");
    }
});