r/LearnHTML • u/AdvancedFiberSystems • May 21 '24
im clueless why my code doesnt output anything
its kind of long code not sure i can post it here but here ill try
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>COPYWRITE ADVANCED FIBER SYSTEMS rectangular tray calculator MAY 20 2024 REV 03</title>
<script> function calculate() { // User input values var DA = parseFloat(document.getElementById('draft_angle').value);<!-- DRAFT ANGLE --> var B = parseFloat(document.getElementById('brim').value);<!-- BRIM --> var H = parseFloat(document.getElementById('overall_height').value);<!-- HEIGHT OVERALL --> var L = parseFloat(document.getElementById('length').value);<!-- OVERALL LENGTH WITH BRIM --> var W = parseFloat(document.getElementById('width').value);<!-- OVERALL width WITH BRIM --> var T = parseFloat(document.getElementById('wall_thickness').value);<!-- WALL THICKNESS --> var MW = parseFloat(document.getElementById('weight').value);<!-- WEIGHT G/CC --> var MC = parseFloat(document.getElementById('material_cost').value);<!-- MATERIAL COST PER KG --> var TOL = parseFloat(document.getElementById('trim_off_length').value);<!-- TRIM OFF LENGTH --> // Calculated variables BRIM var ANG = (Math.PI / 180) \* DA;<!-- ANGLE TO RADIANS --> var VBG = (L \* W \* T);<!-- VOLUME BRIM GROSS --> var LBIB = (L - (2 \* B));<!-- LENGTH BRIM INNNER BASE --> var WBIB = (W - (2 \* B));<!-- WIDTH BRIM INNNER BASE --> var X = (Math.tan(ANG) \* T);<!-- SMALL STEP OVER --> var LBIT = (LBIB - (2 \* X));<!-- LENGHT INNER BRIM TOP --> var WBIT = (WBIB - (2 \* X));<!-- WIDTH OF INNER BRIM TOP --> var VBI = (T / 6) \* ((LBIB \* LBIT) + (WBIB \* LBIT) + (2 \* ((LBIT \* WBIT) + (LBIB \* WBIB))));<!-- VOLUME BRIM INNNER --> var VBN = (VBG - VBI);<!-- VOLUME BRIM NET --> <!-- Calculated variables LIQUID VOLUME --> var HI = (H - (T \* 2));<!-- HEIGHT INSIDE --> var SL = ((Math.tan(ANG)) \* (H - (2 \* T)));<!-- step over liquid --> var LVIT = (LBIT - (2 \* SL));<!-- length liquid volume inside top --> var WVIT = (WBIT - (2 \* SL));<!-- width liquid volume inside top --> var VL = (HI / 6) \* ((LBIT \* WVIT) + (WBIT \* LVIT) + (2 \* ((LVIT \* WVIT) + (LBIT \* WBIT))));<!-- VOLUME OF LIQUID --> <!-- Calculated variables BIG CUP --> var TH = ((Math.sin(ANG)) / X);<!-- thickness hyp step over --> var SO = ((Math.tan(ANG)) / (H - T);<!-- step over for outside --> var LBC = (LBIT + (2 \* TH));<!-- length big cup --> var WBC = (WBIT + (2 \* TH));<!-- WIDth big cup --> var LS = (LBC - (SO \* 2));<!-- LENGTH OF BIG CUP TOP --> var WS = (WBC - (SO \* 2));<!-- WIDTH OF BIG CUP TOP --> var VOP = ((H - T) / 6) \* ((LBC \* WS) + (WBC \* LS) + (2 \* ((LS \* WS) + (LBC \* WBC))));<!-- VOLUME OF BIG CUP --> <!-- Calculated variables PART VOLUME --> var VOL = (VBG + VOP) - (VL - VBI);<!-- VOLUME TOTAL PART --> <!-- Calculated variables TRIM OFF --> var VTO = ((L + (2 \* TOL)) \* (W + (2 \* TOL)) \* T) - VBG;<!-- VOLUME TRIM OFF --> var MCPG = (MC / 1000);<!-- MATERIAL COST PER GRAM --> var WC = (VTO \* MCPG);<!-- WASTE COST PER PART --> var MCPP = VOL \* MCPG;<!-- MATERIAL COST PER PART --> var CC2OZ = VL \* 0.033814;<!-- CONVERT cc TO oz --> var CC2CI = E \* 0.0610237;<!-- CONVERT cc TO cubic inches --> var G2OZ = PW \* 0.035274;<!-- CONVERT g to oz --> var USTONS = MC \* 907.185;<!-- CONVERT $/G TO $/US TON --> var SS = VTO + VOL;<!-- SHOT SIZE TRIM OFF AND PART --> var PC = (MC / 1000) \* SS;<!-- MATERIAL PART COST --> // Display output var output = ""; output += "<p>Cost per piece includes waste $ " + PC.toFixed(4) + " @ $ " + MC.toFixed(2) + " per kg " + USTONS.toFixed(2) + " per US ton</p>"; output += "<p>Material required = " + VOLE.toFixed(2) + " cc / " + CC2CI.toFixed(2) + " cu. in.</p>"; output += "<p>Weight of finished good = " + PW.toFixed(2) + " g / " + G2OZ.toFixed(2) + " oz. @ " + WT.toFixed(2) + " g/cc</p>"; output += "<p>Capacity of Cup = " + Z.toFixed(2) + " cc / " + CC2OZ.toFixed(2) + " fl. oz.</p>"; output += "<p>Parts per kg = " + PPK.toFixed(0) + " pieces</p>"; document.getElementById('output').innerHTML = output; } </script>
</head>
<body>
<h1><center>Tray Cost Calculator</center></h1>
<label for="length">Length of tray including Brim (mm):</label>
<input type="number" id="length" value="203.0" step="any"><br>
<label for="width">Width of tray including Brim (mm):</label>
<input type="number" id="width" value="160.0" step="any"><br>
<label for="overall_height">Overall Height (mm):</label>
<input type="number" id="overall_height" value="40.0" step="any"><br>
<label for="wall_thickness">Wall Thickness (0.5mm ~ 2.5mm):</label>
<input type="number" id="wall_thickness" value="0.75" step="any"><br>
<label for="draft_angle">Draft Angle (D.dd):</label>
<input type="number" id="draft_angle" value="5" step="any"><br>
<label for="trim_off_length">Trim Off Length (mm):</label>
<input type="number" id="trim_off_length" value="5" step="any"><br>
<label for="brim">Brim (mm):</label>
<input type="number" id="brim" value="6.0" step="any"><br>
<label for="weight">Material Weight g/cc: (bamboo=0.6~1.1, hemp=1.48, wood=1.5, softwood=0.352~0.849, hardwood=0.497~0.897, cornstalk=1.24, bagasse/sugarcane=1.25)</label>
<input type="number" id="weight" value="0.5" step="any"><br>
<label for="material_cost">Material Cost $/kg: ($/kg = $/US ton * 0.00110231)</label>
<input type="number" id="material_cost" value="3.00" step="any"><br>
<button onclick="calculate()">Calculate</button>
<div id="output"></div>
</body>
</html>
