<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
<script src="script.js"></script>
<script src="https://scheduler.distributed.computer/dcp-client/dcp-client.js"></script>
</head>
<body>
<div class="header">
<h1>CalcuFactory</h1>
</div>
<marquee width="60%" direction="right" height="100px">
<h2>Annual Emmisions Calculator</h2>
</marquee>
<h1></h1>
<form id="form">
<label for="emissions">What are the amount of the emissions that the source emits every year? (tons per year)</label>
<br><br>
<input type="text" id="emissions">
<br><br>
<label for="years">How many years would you like to run the emission simulation for?</label>
<br><br>
<input type="text" id="years">
<br><br>
<input type="button" class = "button" onclick="start()" value="Calculate">
<input type="Reset" class = "reset_button" value="Reset">
</form>
<div id="eventDiv">
<ul id="eventList"></ul>
</div>
<br><br>
<h3 id='result'></h3>
</body>
</html>