dontjudgeme's game question

by trentHarlem

HTML

<p>Lives Left: <span id="live"></span></p>
<div onmousemove="moveImg(event)">
<img onmouseover="livelost()" src='face.jpg' id='face' />
</div>

CSS

div {
  width: 1800px;
  height: 800px;
  border: 1px solid black;
}
img {
  position: absolute;
}

JavaScript

let lives = 10

document.getElementById("live").innerHTML = lives

function wait(ms)
{
    var d = new Date();
    var d2 = null;
    do { d2 = new Date(); }
    while(d2-d < ms);
}

function moveImg(event) {
wait(100);
    var x = event.clientX;
    var y = event.clientY;
    var face = document.getElementById("face");
    face.style.left = x+'px';
    face.style.top = y+'px';
}

function livelost() {
if(lives === 0) {
alert('GAME OVER')
} else if ( lives > 0) {
    lives = lives -1
    document.getElementById("live").innerHTML = lives
    }
    }