You can edit / change the code and click run button
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <script src="../../../ajax/libs/jquery/1-11-3/jquery.min.js"></script> <script> $(document).ready(function(){ $("input").keydown(function(){ $("input").css("background-color", "red"); }); $("input").keyup(function(){ $("input").css("background-color", "yellow"); }); }); </script> <script>var clicky_site_ids = clicky_site_ids || []; clicky_site_ids.push(101319977);</script><script async src="//static.getclicky.com/js"></script></head> <body> Enter something: <input type="text"> <p>When you enter some text in the box, it will change its color if you press keydown and keyup arrows in your keyboard</p> <b>Press keydown and keyup arrows</b> </body> </html>