JSFiddle - React, Tailwind, and code Playground

by sardistic

HTML

<html>
    <head>
        <script>
        document.addEventListener("DOMContentLoaded", function() {

var aquarium = document.createElement('div');
aquarium.style.width = '100%';
aquarium.style.height = '100%';
aquarium.style.backgroundColor = '#00f';
aquarium.style.position = 'absolute';
aquarium.style.top = '0';
aquarium.style.left = '0';
aquarium.style.overflow = 'hidden';
document.body.appendChild(aquarium);

var fish = document.createElement('div');
fish.style.width = '100px';
fish.style.height = '100px';
fish.style.backgroundColor = '#f00';
fish.style.position = 'absolute';
fish.style.top = '0';
fish.style.left = '0';
aquarium.appendChild(fish);

var fishX = 0;
var fishY = 0;
var fishSpeed = 1;
var fishDirection = 0;

function updateFish() {
  fishX += fishSpeed * Math.cos(fishDirection);
  fishY += fishSpeed * Math.sin(fishDirection);
  fish.style.left = fishX + 'px';
  fish.style.top = fishY + 'px';
}

function update() {
  updateFish();
  setTimeout(update, 1000 / 60);
}

update();

var fishX = 0;
var fishY = 0;
var fishSpeed = 1;
var fishDirection = 0;

function updateFish() {
  fishX += fishSpeed * Math.cos(fishDirection);
  fishY += fishSpeed * Math.sin(fishDirection);
  fish.style.left = fishX + 'px';
  fish.style.top = fishY + 'px';
}

function update() {
  updateFish();
  setTimeout(update, 1000 / 60);
}

update();

document.addEventListener('keydown', function(e) {
  if (e.keyCode == 37) {
    fishDirection -= 0.1;
  } else if (e.keyCode == 39) {
    fishDirection += 0.1;
  }
});

var aquarium = document.createElement('div');
aquarium.style.width = '100%';
aquarium.style.height = '100%';
aquarium.style.backgroundColor = '#00f';
aquarium.style.position = 'absolute';
aquarium.style.top = '0';
aquarium.style.left = '0';
aquarium.style.overflow = 'hidden';
document.body.appendChild(aquarium);

var fish = document.createElement('div');
fish.style.width = '100px';
fish.style.height = '100px';
fish.style.backgroundColor = '#f00';
fish.style.position =...