JSFiddle - React, Tailwind, and code Playground

HTML

<div id="one">
    <canvas id="drawingCanvas" width="500" height="400"></canvas>
</div>

CSS

#one #drawingCanvas {border: 1px dashed black;}

JavaScript

var canvas = document.getElementById("drawingCanvas");
var context = canvas.getContext("2d");
context.beginPath();
context.moveTo(0,0);
context.lineTo(100,100);
context.stroke();