JSFiddle - React, Tailwind, and code Playground

by frogggeee McFrogggeee

HTML

<!--hi-->
<!DOCTYPE html>
<html>
<head>
<body>
<h1>miner bob</h1>
<p>by frogggeee</p>
<p>use the arrow keys to move. click on the shop to buy things. mine ores by clicking on them(this is not in the game yet). </p>
<canvas id = "theCanvas" width = "540" height = "360"></canvas>
<!--6500 to see the world-->
<script>
let mX = 0;
let mY = 0;
let maxGas = 15;
let gasChange = 0.07;
let gas = maxGas;
let cX = 0;
let cY = 0;
let speed = 2;
let shopOpen = false;
let potatoY = (Math.floor(Math.random()) * 6000) + 280;
let potatoX = (Math.floor(Math.random()) * 350) + 3;
let pickleY = (Math.floor(Math.random()) * 6000) + 280;
let pickleX = (Math.floor(Math.random()) * 350) + 3;
let potatoValid = true;
let pickleValid = true;
let sausages = 0;
let playerX = 0;
let playerY = 0;
let money = 100000;
let wide = 27;
let canvas = document.getElementById("theCanvas");
let ctx = canvas.getContext("2d");
let x = 0;
let y = 150;
let world = [];
let clusterX = [16, 3, 14, 8, 2]; 
let clusterY = [9, 5, 2, 13, 12];
let oresX = [];
let oresY = [];
let oresType = [];
let oresValid = [];
let tunnelX = [];
let tunnelY = [];
// topdirt = 1
// dirt = 2
// stone = 3
// hard stone = 4
// lava = 5
document.addEventListener('mousedown', onDown, false);
///////////////////////////////////////////////////////////////start
let rightPressed = false;
let leftPressed = false;
let upPressed = false;
let downPressed = false;
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) {
   ...