JSFiddle - React, Tailwind, and code Playground

by Chase Wilson

HTML

<input type="text" id="immediate" placeholder="immediate"/>
<input type="text" id="delay" placeholder="delay"/>
<div id="result"></div>

JavaScript

$('input#immediate').keydown(function(event){
    var self = this;
    $('#result').prepend($(self).val() +'<br />');
    
}).blur(function(){ $('#result').empty()});

$('input#delay').keydown(function(event){
    var self = this;
    setTimeout(function(){
      $('#result').prepend($(self).val() +'<br />');
    },0);
    
}).blur(function(){ $('#result').empty()});