index.html

<!DOCTYPE html>
<script>
function link() {
	wage = document.getElementById("wage").value;
	window.location ='main.html?wage=' +wage;
}
</script>

<html>
	<head>
		<link href="main.css" rel="stylesheet">
		<title>Money Monkey</title>
	</head>

	<body>

		<div class="mainTitle">MONEY MONKEY
			<img src="bananacoin.png" alt="monkey" width = "150" height = "150" />
	  </div> 

		<div class="input">
			<h3>Type hourly wage below</h3><br>
				<form>
					<input type="number" value="15.00" id="wage" step="0.05" min="0" max="1000"><br>
				</form>
      <div class="unameClass">
			  <button onclick="link()">START SHIFT</button>
      </div>
		</div>

    <div class="help">
      <img src="monkeyLogin.png" alt="monkey"/ width="150" height="150" class="help">


        <a href="login.html">
          <button>Login Here</button>
        </a>
      
    </div>
	
	</body>
</html>