JSFiddle - React, Tailwind, and code Playground

by frogggeee McFrogggeee

HTML

<!DOCTYPE html>
<html>
<head>
<body>
<h1>mining game</h1>
<p>by frogggeee</p>
<p id = "loading" ></p>
<canvas id = "canvas" width = "480" height = "360"></canvas>
<script>
let money = 100;
let mainDigSpeed = 2;
let digSpeed = 2;
let playerX = 200;
let playerY = 200;
let canvas = document.getElementById("canvas");
let ctx = canvas.getContext("2d");
let worldType = [];
let worldX = [];
let worldY = [];
let loading = true;
let mainX = -2000;
let mainY = 90;
let trump = new Image();
trump.src = "https://clipart.info/images/ccovers/1495816049surprised-face-trump-png-transparent-clip-art.png";
// world is 200x549 blocks not including lava
let rightPressed = false;
let leftPressed = false;
let upPressed = false;
let downPressed = false;
document.addEventListener('mousedown', onDown, false);
let cX = 0;
let cY = 0;
function onDown(e) {
	cX = e.pageX;
  cY = e.pageY;
}
document.addEventListener("keydown", keyDownHandler, false);
document.addEventListener("keyup", keyUpHandler, false);  
function keyDownHandler(e) {
    if(e.keyCode == 39) {
        rightPressed = true;
    }
    else if(e.keyCode == 37) {
        leftPressed = true;
    }
    if (e.keyCode == 40) {
    	upPressed = true;
    } else if (e.keyCode == 38) {
    	downPressed = true;
    }
}
function keyUpHandler(e) {
    if(e.keyCode == 39) {
        rightPressed = false;
    }
    else if(e.keyCode == 37) {
        leftPressed = false;
    } 
    if (e.keyCode == 40) {
    	upPressed = false;
    } else if (e.keyCode == 38) {
    	downPressed = false;
    }
}
function createWorld() {
	let privateY = 6;
  for (let g = 0; g < 200; g++) {
    worldType.push(1);
    worldX.push(g * 20);
    worldY.push(privateY * 20);
  }
  privateY++;
  for (let i = 0; i < 94; i++) {
  	for (g = 0; g < 200; g++) {
    	worldType.push(2);
      worldX.push(g * 20);
   		worldY.push(privateY * 20);
    }
    privateY++;
  }
  for (i = 0; i < 4; i++) {
  	for (g = 0; g < 200; g++) {
    	if (Math.floor(Math.random() * 2) == 1) {
 ...