74 lines
3.2 KiB
HTML
74 lines
3.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>My Incremental Game</title>
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
|
|
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
|
|
<link rel="stylesheet" href="main.css">
|
|
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
|
|
<script src="main.js"></script>
|
|
</head>
|
|
<body>
|
|
<ul class="nav nav-tabs">
|
|
<li class="nav-item">
|
|
<a class="nav-link active" id="linkMain" onclick="setTab('main')">Main</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" id="linkBuildings" onclick="setTab('buildings')">Buildings</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" id="linkPopulation" onclick="setTab('population')">Population</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" id="linkResearch" onclick="setTab('research')">Research</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" id="linkTrading" onclick="setTab('trading')">Trading</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" id="linkOptions" onclick="setTab('options')">Options</a>
|
|
</li>
|
|
</ul>
|
|
<div id="tabMain">
|
|
<button onclick="incResource('wood')">Gather wood</button>
|
|
<div class="resourcesRequired">
|
|
<br>
|
|
<p id="maxResources">Resources:</p>
|
|
<p id="resources"></p>
|
|
</div>
|
|
</div>
|
|
<div id="tabBuildings">
|
|
<div id="craftButtons"></div>
|
|
<p>Buildings:</p>
|
|
<p id="buildings"></p>
|
|
</div>
|
|
<div id="tabPopulation">
|
|
<p id="pop">Population uninitialized!</p>
|
|
<p id="workPop">Working population uninitialized!</p>
|
|
<p id="numLumberjacks">Number of lumberjacks uninitialized!</p>
|
|
<button class="hire" onclick="hire('lumberjack')">Hire</button>
|
|
<button id="fireLumberjack" onclick="fire('lumberjack')">Fire</button>
|
|
<p id="numMiners">Number of miners uninitialized!</p>
|
|
<button class="hire" onclick="hire('miner')">Hire</button>
|
|
<button id="fireMiner" onclick="fire('miner')">Fire</button>
|
|
<div class="researchRequired">
|
|
<p id="numScientists">Number of scientists uninitialized!</p>
|
|
<button class="hire" onclick="hire('scientist')">Hire</button>
|
|
<button id="fireScientist" onclick="fire('scientist')">Fire</button>
|
|
</div>
|
|
</div>
|
|
<div id="tabResearch">
|
|
<p id="researchPoints">Research points uninitialized!</p>
|
|
<div id="researchButtons"></div>
|
|
<p>Researches:</p>
|
|
<div id="researches"></div>
|
|
</div>
|
|
<div id="tabTrading">
|
|
</div>
|
|
<div id="tabOptions">
|
|
<button onclick="reset()">Reset</button>
|
|
</div>
|
|
</body>
|
|
</html>
|