<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HyppyNet</title>
<link rel="stylesheet" href="styles.css">
<script src="code.js"></script>
</head>
<body onload="init()">
<div id="container">
<h1>Hypyt</h1>
<input type="text" placeholder="Hyppy nro." id="newJumpNumber" onkeypress="return /[0-9]/i.test(event.key)"/>
<input type="text" placeholder="Päivä" id="newJumpDate"/>
<input type="text" placeholder="Korkeus" id="newJumpHeight" onkeypress="return /[0-9]/i.test(event.key)"/>
<input type="text" placeholder="Vapaa" id="newJumpFalltime" onkeypress="return /[0-9]/i.test(event.key)"/>
<button onclick="addJump()" id="addJumpBtn">Lisää</button>
<p id="sortJumpsButton" onclick="changeJumpOrder()">Järjestys ▼</p>
<ul id="jumpsList"></ul>
<p id="infoText"></p>
</div>
</body>
</html>