JSFiddle - React, Tailwind, and code Playground

by frogggeee McFrogggeee

HTML

<!DOCTYPE HTML>
<html>

<head>
<body>
<p>you are a robot that just randomly thought it was a good idea to travel across the universe. good luck!</p>
<h1 id = "distance"></h1>
<button type = "button" onClick = "travel()">travel</button>
<p id = "energy"></p>
<script>
let distance = 0;
let percent = 0;
let disChange = 1;
let energy = 10;
let energyChange = 0.2;
function travel() {
	if (energy - energyChange > 0) {
  	distance += disChange;
  energy -= energyChange;
  } else {
  energy = 0;
  }
}
function update() {
	document.getElementById("distance").innerHTML = distance + " ft";
  document.getElementById("energy").innerHTML = "energy: " + energy;
}
setInterval(update, 10);
</script>
</body>
</head>
</html>