<!DOCTYPE html>
<html>
<head>
<title></title>
<style>
my animations
</style>
</head>
<body>
<script>
var points = 0;
while (0==0) {
points++;
document.getElementById('points').innerHTML = points;
}
function gameOver() {
this.style.background = 'black';
alert('Game Over!');
alert('You won ' + points + ' points, congratulations!');
close();
}
</script>
<h1 id="scoreContainer">Score:</h1>
<h1 id="points">0</h1>
<div id="divide_one" class="divLeft-Right" onmouseover="gameOver();"></div>
<div id="divide_two" class="divLeft-Right" onmouseover="gameOver();"></div>
<div id="divide_three" class="divLeft-Right" onmouseover="gameOver();"></div>
<div id="divide_four" class="divUp-Down" onmouseover="gameOver();"></div>
<div id="divide_eight" class="divUDLR" onmouseover="gameOver();"></div>
<div id="divide_nine" class="divUDLR" onmouseover="gameOver();"></div>
<div id="divide_ten" class="divUDLR" onmouseover="gameOver();"></div>
<div id="divide_eleven" class="divUDLR" onmouseover="gameOver();"></div>
</body>
</html>
Thank you in advance!