JSFiddle - React, Tailwind, and code Playground

by Alexis LĂłpez Espinoza

HTML

<div id="foo"></div>

CSS

div{
	width: 250px;
	height: 150px;
	background-color: red;
}

JavaScript

var div = document.querySelector("#foo"), flag = false;

div.addEventListener("mousedown", function(){
	flag = true;
}, false);

document.addEventListener("mouseup", function(event){
	if (flag){
		div.style.width = event.clientX + "px";
		div.style.height = event.clientY + "px";		
		flag = false;
	}
}, false);