https://olaudix.github.io/TTcalc.html

1<!DOCTYPE html>
2<html>
3<head>
4<link rel="stylesheet" href="http://code.jquery.com/qunit/qunit-1.16.0.css">
5<link rel="stylesheet" href="bootstrap.min.css">
6<link rel="stylesheet" href="custom.css">
7<title>Tap Titans Heroes Calculator</title>
8  <!--

8<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

8-->
9</head>
10<body>
11	<div style="float: left; width: 180px;">
12		<ul class="nav nav-tabs nav-stacked">
13			<li><a href=".">Home</a></li>
14			<li><a href="TTcalc.html">Tap Titans Calculator</a></li>
15			<li><a href="stuff.html">Tap Titans usefull stuff</a></li>
16			<li><a href="MCcalc.html">Mine Clicker Calculator</a></li>
17			<li><a href="SMCG.html">Simulation Craft Stuff</a></li>
18			<li><a href="CivCrafter.html">Civ Crafter Stuff</a></li>
19			<li><a href="ShonenIdle.html">Shonen Idle Stuff</a></li>
20			<li><a href="incremental.html">Testing</a></li>
21		</ul>
22	</div>
23	<div class="wrapper" style="display: inline-block;">
24		<div class="panel panel-danger">
25			<div class="panel-heading">Read me!</div>
26			<div class="panel-body">
27				<p align="center">
28				This calculator is based on <b>1.2.1</b> of the game. Be aware of difference between it and iOS version. <br><br> 
29				<b>Instructions:</b> <br> 
30				- fill levels and skills of your heroes and artifact. Calculator automaticly assume that you own the skill if the hero level is higher than the skill req. It doesnt if the hero level is same as skill level req. Be aware of that. <br> 
31				- Tapping options can be found under Player tab. If you dont plan to tap, set number of clicks to 0. <br>
32				- save panel is solely used for the calculator info. It saves time from filling all the required info, like artifact levels, every time you refresh the page. <br>
33				- Update Tables button only updates informations in the 3 tables. <br>
34				- Update Button on save panel calculates the best leveling sequence for the heroes, including skills (Goldwise). You have to manually fill the positions you completed for now. <br>
35				- You can specify number of steps you want to calculate.<br><br>
36				BE AWARE OF THE DISPLAY BUGS. SOMETIMES NUMBERS MAY DIFFER FROM WHAT YOU SEE IN THE GAME.
37				<!-- If the calculator asks you to upgrade hero to level when you can buy a skill, it usually means it also wants you to buy it. -->
38				
39				</p>
40			</div>
41		</div>
42		<div style="width: 500px; display: inline-block;">
43			<div class="panel panel-primary">
44				<div class="panel-heading">Save panel</div>
45				<div class="panel-body">
46					<textarea id="savedata" style="width: 100%; height: 50px"></textarea>
47					<div style="margin-top: 10px;">
48						<button type="button" onclick="EfficiencyCalculations()" class="btn btn-default">Update</button>
49						<button type="button" onclick="Load()" class="btn btn-primary" style="float: right;">Load</button>
50						<button type="button" onclick="Save()" class="btn btn-default" style="float: right;">Save</button>
51					</div>
52				</div>
53			</div>
54		<!--<label><input type="checkbox" id="addsouls" checked="checked">Include souls gained after ascension</label>-->
55			<div class="panel panel-success">
56				<div class="panel-heading">Results: <input type="text" id="numberofpredictions" value="30">
57				</div>
58				<div id="output" class="panel-body"></div>
59			</div>
60		</div>
61		<div role="tabpanel" style="width: 1000px; display: inline-block; vertical-align: top;">
62			<ul class="nav nav-tabs" role="tablist">
63				<li role="presentation" class="active"><a href="#heroes" aria-controls="heroes" role="tab" data-toggle="tab">Heroes</a></li>
64				<li role="presentation"><a href="#player" aria-controls="player" role="tab" data-toggle="tab">Player</a></li>
65				<li role="presentation"><a href="#artifacts" aria-controls="artifacts" role="tab" data-toggle="tab">Artifacts</a></li>
66			</ul>
67			<div class="tab-content">
68				<div role="tabpanel" class="tab-pane active" id="heroes"><div> &nbsp </div>
69					<table id="ancienttbl" class="table table-striped">
70						<tbody><tr><th width="25%">Name</th><th width="20%">Skills</th><th width="15%">Upgrade Cost</th><th width="15%">DpS</th width="20%"><th>Next Level DpS Diff</th><th width="5%">Level</th></tr>
71						</tbody>
72					</table>
73				</div>
74				<div role="tabpanel" class="tab-pane" id="player"><div> &nbsp </div>
75					<table id="playertbl" class="table table-striped">
76						<tbody><tr><th width="25%">Name</th><th width="15%">Upgrade Cost</th><th width="15%">DpS</th width="20%"><th>Next Level DpS Diff</th><th width="5%">Level</th><th>Click per Second</th></tr>
77						</tbody>
78					</table>
79					<div id="playerdata">
80					</div>

81				</div>
82				<div role="tabpanel" class="tab-pane" id="artifacts"><div> &nbsp </div>
83					<table id="artifacttable" class="table table-striped">
84						<tbody>
85						</tbody>
86					</table>
87				</div>
88			</div>
89			<button type="button" onclick="UpdateTables()" class="btn btn-default">Update Tables</button>
90		</div>
91	</div>
92  
93  

94<script type="text/javascript" src="jquery-latest.min.js"></script>

94

95<script type="text/javascript" src="bootstrap.min.js"></script>

95

96<script src="tables.js"></script>

96
97

98<script language="javascript">/* Write JavaScript here */
99buildArtifacts();
100buildHeroes();
101buildSkillBase();
102UpdateTables();
103$( "input[type=text]" ).focusout(function() {
104	//alert("test");
105	$("#output").html("");
106	for (var x = 1; x < HeroInfo.length; x++)
107	{	
108		updateHero(HeroInfo[x]);
109	}
110});
111
112$( "input[type=checkbox]" ).change(function() {
113	var input = document.getElementsByTagName("input");
114	for (var i = 0; i < input.length; i++)
115	{
116		if (input[i].type == "checkbox")
117		{
118			var index = input[i].id.match(/[0-9]+/g);
119			if ($(HeroInfo[index[0]].skills[parseInt(index[1])-1].tableID).is(":checked") != HeroInfo[index[0]].skills[parseInt(index[1])-1].isActive)
120			{
121				//if (HeroInfo[index[0]].skills[parseInt(index[1])-1].bonusType == "ThisHeroDamage")
122				//{
123				//	HeroInfo[index[0]].needUpdate = true;
124				//}
125				if (HeroInfo[index[0]].skills[parseInt(index[1])-1].bonusType == "AllDamage")
126				{
127					for (var a = 1; a < HeroInfo.length; a++)
128					{
129						HeroInfo[a].needUpdate = true;
130					}
131				}
132				else { HeroInfo[index[0]].needUpdate = true; }
133				
134			}
135		}
136	}
137	$("#output").html("");
138		for (var x = 1; x < HeroInfo.length; x++)
139		{	
140			updateHero(HeroInfo[x]);
141		}
142});
143</script>

143</body></html>