JSFiddle - React, Tailwind, and code Playground

by alemarch

HTML

<div id="main">
<canvas id="canvas" width = "256" height = "256"></canvas>
</div>

CSS

canvas {
    border: solid 1px #000;
}

JavaScript

var CANVAS;
var CONTEXT;
function init() {
        CANVAS = document.getElementById('canvas');
        CONTEXT = CANVAS.getContext('2d');
        CANVAS.addEventListener('mouseover', poop, false);
    }

    function poop(e) {
        alert('This is an alert.');
    }

init()