JSFiddle - React, Tailwind, and code Playground

by AliReza Moazami

HTML

<input>
<p></p>

CSS

body{text-align:center}
p{border:1px solid gray;padding:1em;margin:1em;background:#ffd}
input{width:98%;padding:1%;border:0 none;outline:1px solid gray}

JavaScript

var typingTimer;
$("input").keyup(function(){
    clearTimeout(typingTimer);
    typingTimer = setTimeout(function(){
	    $("p").append('fired!<br>');
    }, 3333);
});