JSFiddle - React, Tailwind, and code Playground

by kreativgeist

HTML

<button id="mybutton" />
<canvas id="mycanvas" />

JavaScript

class Canvas {
   //target
   //action

   constructor() {
   alert("construct");
     this.target = document.getElementById('mycanvas');
     this.action = 0;
     var that = this;

     this.target.addEventListener(
       "mousedown",
       function(e) {
         alert(that.action);
       },
       false);
   }

   setAction1() {
     this.action = 1;
   }
 }


 var canv;
 canv = new Canvas('mycanvas');
 
 document.getElementById('mybutton').addEventListener(
 	"click", function(e) {
  canv.setAction1();
  })