JSFiddle - React, Tailwind, and code Playground

by karim79

HTML

<input type="text" />

JavaScript

var low = 5;
var mid = 10;
var high = 15;
var msg = null;

$("input").keyup(function(e) {
    e.stopPropagation();
    msg = this.value;
    var val = parseInt(this.value);
    if (val >= low && val < mid) {
        msg = 'You cheapo';
    } if ( val >= mid && val < high) {
        msg = 'You middle class folk!';
    } if ( val >= high ) {
        msg = 'Woah baller!';
    } 

}).blur(function() {
    $(this).val(msg);
});