98 lines
4.4 KiB
HTML
98 lines
4.4 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="diecalc.js"></script>
|
|
<link rel="stylesheet" href="diecalc.css" />
|
|
<title>MC11 Die Calculator</title>
|
|
</head>
|
|
<body>
|
|
<div class="content">
|
|
<div class="header">
|
|
<h1>Machine 11 Die Calculator</h1>
|
|
<p>Use this calculator to create setups for machine 11</p>
|
|
</div>
|
|
<div class="body">
|
|
<input autocomplete="off" id="startSize" type="text" value="5.5" size="4" />
|
|
<label for="startSize"> - Start size</label>
|
|
<input type="radio" name="units" id="metric" value="mm" checked />
|
|
<label for="metric">mm</label>
|
|
<input type="radio" name="units" id="inches" value="in" />
|
|
<label for="inches">in</label>
|
|
<br />
|
|
<input autocomplete="off" id="finalSize" type="text" value=".000" size="4" />
|
|
<label for="finishSize"> - Final size</label>
|
|
<br />
|
|
<input autocomplete="off" id="coilerTarget" type="text" value="10" size="1" />
|
|
<label for="coilerTarget">% - Coiler Target ROA</label>
|
|
<br />
|
|
<input autocomplete="off" id="machineMaxReduction" type="text" value="20" size="1" />
|
|
<label for="machineMaxReduction">% - Machine Max ROA</label>
|
|
<br />
|
|
<input type="button" value="Create Setup" onclick="getDies()" />
|
|
<input type="button" value="Clear" onclick="clearScreen()" />
|
|
<br />
|
|
|
|
<br />
|
|
<table class="dieSetup">
|
|
<caption id="setupSummary"> </caption>
|
|
<tr style="font-weight: bold;">
|
|
<td class="highlight">Block</td>
|
|
<td style="width: 11%">1</td>
|
|
<td style="width: 11%">2</td>
|
|
<td style="width: 11%">3</td>
|
|
<td style="width: 11%">4</td>
|
|
<td style="width: 11%">5</td>
|
|
<td style="width: 11%">C</td>
|
|
</tr>
|
|
<tr style="font-weight: bold; font-size: 120%">
|
|
<td class="highlight" style="font-size: 80%;">Working</td>
|
|
<td id="block1Working"> </td>
|
|
<td id="block2Working"> </td>
|
|
<td id="block3Working"> </td>
|
|
<td id="block4Working"> </td>
|
|
<td id="block5Working"> </td>
|
|
<td id="coilerDie"> </td>
|
|
</tr>
|
|
<tr>
|
|
<td class="highlight">Guide</td>
|
|
<td id="block1Guide"></td>
|
|
<td id="block2Guide"></td>
|
|
<td id="block3Guide"></td>
|
|
<td id="block4Guide"></td>
|
|
<td id="block5Guide"></td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="highlight">ROA (%)</td>
|
|
<td id="block1ROA"></td>
|
|
<td id="block2ROA"></td>
|
|
<td id="block3ROA"></td>
|
|
<td id="block4ROA"></td>
|
|
<td id="block5ROA"></td>
|
|
<td id="coilerROA"></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="highlight">Elongation (%)</td>
|
|
<td id="block1Elong"></td>
|
|
<td id="block2Elong"></td>
|
|
<td id="block3Elong"></td>
|
|
<td id="block4Elong"></td>
|
|
<td id="block5Elong"></td>
|
|
<td id="coilerElong"></td>
|
|
</tr>
|
|
</table>
|
|
<br />
|
|
</div>
|
|
<div class="totals">
|
|
<p id="totalROAResult">Total ROA: 0%</p>
|
|
<p id="totalElongResult">Total Elongation: 0%</p>
|
|
</div>
|
|
</div>
|
|
<div class="footer" align="center">
|
|
<p> </p>
|
|
<p>© 2024 <a href="https://github.com/TaylorCourage/">Taylor Courage</a></p>
|
|
</div>
|
|
</body>
|
|
</html> |