JSFiddle - React, Tailwind, and code Playground

by staeff

HTML

<!DOCTYPE html>
<html>
    <head>
        <title>Div Racer</title>
        <link rel='stylesheet' type='text/css' href='stylesheet.css'/>
        <script type='text/javascript' src='script.js'></script>
    </head>
    <body>
        <div></div>   
    </body>
</html>

CSS

div {
    height: 50px;
    width: 50px;
    border-radius: 10px;
    background-color: #FF0000;
    position: relative;
}

JavaScript

// Div Racer
$(document).ready(function() {
   $(document).keydown(function(){
        $('div').animate({left:'+=10px'},500);
   });
});