index.html

<!DOCTYPE html>
<!--
<htmlApplication
  applicationName="Duck Game!"
  fixedSize="yes"
  width=1000
  height=600
  customTitlebar="no" />
-->
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="index.css">
  <title>Duck Game</title>
</head>
<body>
  <div id='info' style="display:block">
  <h1 class="header">About the Game</h1><br/>
  <h2>Information</h2>
  <ul>
  <li>Press the duck to get money</li>
  <li>You can also press the spacebar!</li>
  <li>Level up by getting money</li>
  <li>Upgrade your click to earn faster</li><br/>
  <li>Please enjoy the game!</li>
</ul><br/>
  
  <h2>Symbols</h2>
  <ul>
    <li>💰 is for money</li>
    <li>⭐ is for level</li>
  </ul>
  
  <button class="action" onclick="playgame()">Play Game</button>
  <h2>2020 mcjoe21.com</h2>
  </div>
  
  <div id="main" style="display:none">
	<h1 id="header">💰 0 ⭐ 1</h1>
	<a href="javascript:click();"><img src="duck.png"></a>
	<progress id="bar"></progress>
	<h1>The Shop</h1>
	<button class="upgrade" id="upgrade" onclick="buy(0)">Upgrade Click! (💰25)</button>
  <button class="upgrade" id="skiplevel" onclick="buy(1)">Skip Level! (💰40)</button>

	<script src="index.js"></script>
</body>
</html>