JSFiddle - React, Tailwind, and code Playground

by deepak sisodiya

HTML

<p id="p1">This is a paragraph.</p>
<p id="p2">This is a paragraph.</p>

JavaScript

/* jquery mousedown and mouseup event
mousedown : when the left mouse button is pressed down
mouseup : when the left mouse button is released
*/

$("#p1").mousedown(function(){
    alert("Mouse down over p1!");
});

$("#p2").mouseup(function(){
    alert("Mouse up over p1!");
});

var alert = function (str) {
    var st = document.createTextNode(str);
    var p = document.createElement('p');
    p.appendChild(st);
    document.querySelector('body').appendChild(p);
}