<!DOCTYPE html>
<html id="website" lang="en" onkeydown="jump()">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Jumping game</title>
<link rel="stylesheet" href="styles.css">
<style>
#character {
background-color: red;
position: absolute;
top: 500px;
left: 50px;
transition: top 200ms ease-out;
width: 100px;
height: 100px;
}
#enemy{
height: 100px;
background-color: blue;
position: absolute;
top: 500px;
right: 100px;
width: 100px;
}
</style>
</head>
<body>
<header> <h1 >Jumpinggame</h1> </header>
<div id="character"></div>
<div id="enemy"></div>
<script src="game.js"></script>
</body>
</html>