JSFiddle - React, Tailwind, and code Playground

by paka

HTML

<!DOCTYPE html>
<html>
    <head>
        
    </head>
<body>
    
    <div id="tst" onmousemove="myFunction()"><p>0</p>
    </div>
    <div id="count"></div>
    
  
    
<script type="text/javascript">
  var cur;
  var some;
    
function myFunction(){
    
    cur = event.clientX;
    // onTimeout(function(some){some = event.clientX; return some;},1200);
    
    
    var echoAll = cur + '\n' + some;
    document.getElementById('count').innerHTML=echoAll;
    
 
    }

</script>
    
    
</body>
</html>

CSS

#tst {display: block; background:yellow; width:200px;height:200px;text-align:center;}
#tst p {padding: 70px;}

JavaScript

/* coordinates */

function myFunction(){
return '5';
}       
function myAlert(){
        alert('myFunction()');
        }