72 lines
2.2 KiB
HTML
72 lines
2.2 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
|
|
<script src="splitter.js"></script>
|
|
<link rel="stylesheet" href="splitter.css" />
|
|
<title>Split Calculator</title>
|
|
</head>
|
|
<body>
|
|
<div class="content">
|
|
<div class="header">
|
|
<p id="vanity">Taylor Courage's</p>
|
|
<h1>Split Calculator</h1>
|
|
<h3>Enter cast and finish size to get counter value</h3>
|
|
</div>
|
|
<div class="body" id="body">
|
|
<label for="block">Block size:</label>
|
|
<select name="block" id="block">
|
|
<option value="26">26" (11, 14)</option>
|
|
<option value="30">30" (26, Koch)</option>
|
|
<option value="36">36" (22, 23)</option>
|
|
<option value="42">42" (24)</option>
|
|
</select>
|
|
<br />
|
|
<label for="finish">Finished size:</label>
|
|
<input autocomplete="off" id="finish" type="text" value="0.000" size="3">
|
|
<br />
|
|
<label for="rack">Rack weight:</label>
|
|
<input autocomplete="off" id="rack" type="text" value="2075" size="3">
|
|
<label for="rack">lbs</label>
|
|
<br />
|
|
<br />
|
|
<input type="button" id="submitButton" value="Calculate" onclick="doSplit()" />
|
|
<br />
|
|
<br />
|
|
<br />
|
|
<script>
|
|
// This script listens for the enter key being pressed
|
|
var input = document.getElementById("body");
|
|
input.addEventListener("keypress", function (event) {
|
|
if (event.key === "Enter") {
|
|
event.preventDefault();
|
|
document.getElementById("submitButton").click();
|
|
}
|
|
});
|
|
</script>
|
|
<table style="width:80%" align="center">
|
|
<tr>
|
|
<td style="width:33%">Feet</td>
|
|
<td>Inches</td>
|
|
<td style="width:33%">Rotations</td>
|
|
</tr>
|
|
<tr>
|
|
<td id="feet">0</td>
|
|
<td id="inch">0</td>
|
|
<td id="revs">0</td>
|
|
</tr>
|
|
</table>
|
|
<script>
|
|
|
|
</script>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="footer" align="center">
|
|
|
|
<p>© 2024 <a href="https://git.taylorcourage.net/Taylor">Taylor Courage</a></p>
|
|
</div>
|
|
</body>
|
|
</html>
|