JSFiddle - React, Tailwind, and code Playground

by taecustom

HTML

<html>
<style>
#WoodNumInput {
	width:40px;
}
</style>
<body>
<script>
var i;
var woodtypeAB = ["AB_W15_L100","AB_W20_L100", "AB_W25_L100", "AB_W30_L100"];

	for (i = 0; i < 4 ; i++) {
		document.write("<div id = 'box'><input type ='number' name = '" + woodtypeAB[i] + "' id = 'WoodNumInput' value = " + i + "></div><br/>");	
		}
</script>
<br/>
<input type = "button" value = "calculate" onclick= "Calculation()">
<div id = "Test"></div>
<script> 
			function Calculation() {
			var ShowResult = document.getElementsByName("woodtypeAB[3]").value;
							 document.getElementById("Test").innerHTML = ShowResult;
			}
</script>
</body>
</html>