JSFiddle - React, Tailwind, and code Playground

by mamounothman

HTML

<canvas id="Canvas"></canvas>
<div id="mydiv"></div>
<div id="y"></div>
<div id="dx"></div>
<div id="dy"></div>

<div id="dialog" class="hidden">
    <div class="message"></div>
    <div>
      <button class="ok">Ok</button>
    </div>
  </div>

CSS

canvas {
  background: #eee;
  margin: 0 auto;
  border-radius: 50%;
  box-shadow: 0 0 0 4px #000;
}

#dialog {
  width: 200px;
  margin: auto;
  border: thin solid black;
  padding: 10px;
  background: lightgreen;
}
.hidden {
  display: none;
}

JavaScript

function beep() {
    var snd = new...