Red
Blue
Green
Black
Calculation Result:
Total Length:
Total Width:
Selected Color:
document.getElementById(“laceCalculatorForm”).addEventListener(“submit”, function(e) {
e.preventDefault();
var length = document.getElementById(“laceLength”).value;
var width = document.getElementById(“laceWidth”).value;
var color = document.getElementById(“laceColor”).value;
document.getElementById(“laceLengthResult”).textContent = “Total Length: ” + length + ” cm”;
document.getElementById(“laceWidthResult”).textContent = “Total Width: ” + width + ” mm”;
document.getElementById(“laceColorResult”).textContent = “Selected Color: ” + color;
});
document.getElementById(“resetButton”).addEventListener(“click”, function() {
document.getElementById(“resultSection”).style.display = “none”;
});
document.getElementById(“calculateButton”).addEventListener(“click”, function() {
document.getElementById(“resultSection”).style.display = “block”;
});
