JSFiddle - React, Tailwind, and code Playground

by Zhelyakea

HTML

<canvas id="canvas" width="400" height="400" style="border:solid black 1px;">
  You really badly need to use a different browser.
</canvas>
<br>
<button onclick="window.startup();">Initialize</button>
<br>
Log: <pre id="log" style="border: 1px solid #ccc;"></pre>

CSS

body {
    padding: 50px;
    font-family: sans-serif;
}

#box {
    width:  100px;
    height: 100px;
    background-color: red;
}

JavaScript

function startup() {
  var el =document.body;
  el.addEventListener("touchstart", function(){
   	alert("touchstart"); 
  }, false);
  el.addEventListener("click", function(){
   	alert("click"); 
  }, false);
  el.addEventListener("touchend", function(){
   	alert("touchend");
  }, false);
  el.addEventListener("touchcancel", function(){
   	alert("touchcancel");
  }, false);
  el.addEventListener("touchleave", function(){
   	alert("touchleave");
  }, false);
  el.addEventListener("touchmove", function(){
   	alert("touchmove");
  }, false);
}
startup()