JSFiddle - React, Tailwind, and code Playground

by Yuriy Petrichenko

HTML

<div onclick="cl(event)">
  <h1 id='hs'>click here</h1>
</div>

CSS

div{
  width: 500px;
  height: 500px;
  background:purple;
}
h1{
  position:absolute;
}

JavaScript

var name = document.getElementById('hs');
console.log(name);
function cl(event) {
  console.log(name);
  console.log(event.clientX / 2);
  var mv = event.clientX / 2;
  name.style.left = mv +'px';
  }