JSFiddle - React, Tailwind, and code Playground

HTML

<h2>Click the red box</h2>
<div class="canvas"></div>
<div id="event"></div>

CSS

.canvas {
  height: 50px;
  width: 50px;
  background: red;
}
#event {margin-top: 10px;}
strong {color: red;}

JavaScript

/*$('.canvas').mousedown(function(argument){
     lasEvent = argument;
     console.log(lasEvent);
     $("#event").html("The event type is <strong>" + lasEvent.type + "</strong>");
});
*/

$('.canvas').mousedown(exFunct); // 'e' will equal the event

function exFunct(e){
 //doing something here such as
 console.log(e)
 };

exFunct(35);// 'e' = 35