<!DOCTYPE html>
<html>
<head>
<title>Ping-Pong JavaScript</title>
<link rel="stylesheet" href="assets/style.css">
</head>
<body>
<canvas width="750" height="585" id="game"></canvas>
<img src="assets/ball.png" id="ball"></img>
<img src="assets/paddle.png" id="paddle"></img>
<img src="assets/background.jpg" id="background"></img>
<h5 class="logging"></h5>
<h1 class="datasetSize">0</h1>
<div class="download">
<img src="assets/download.svg" width="50px"><a download="ping_pong_dataset.csv" href='none'></a></img>
</div>
<h1 class="score">
Current: <a>0</a><br />
Best score: <a>0</a><br />
Average: <a>0</a>
</h1>
<script src="js/render.js"></script>
<script src="js/pause.js"></script>
<script src="js/controls.js"></script>
<script src="js/logging.js"></script>
<script src="js/scores.js"></script>
<script src="js/download.js"></script>
<script src="js/engine.js"></script>
</body>
</html>