let graphSteps = “”; function calculateGraph(){ graphSteps=””; const functionInput = document.getElementById(“functionInput”).value; const range = document.getElementById(“rangeInput”).value.split(‘,’).map(num => parseFloat(num.trim())); if (functionInput === “” || range.length !== 4 || range.some(isNaN)) { alert(“Please enter a valid function and range.”); return; } const graphType = document.getElementById(“graphType”).value; // Graphing logic here graphSteps += `Inputs:
Function: ${functionInput}
Range: [${range.join(‘, ‘)}]
Graph Type: ${graphType}

`; graphSteps += `Results:
Graph generated successfully for the given function and range.`; if(document.getElementById(“calculationStepsGraph”).style.display === “block”){ document.getElementById(“calculationStepsGraph”).innerHTML = graphSteps; } } function resetGraph(){ document.querySelectorAll(“#calculator input”).forEach(el => el.value = “”); document.getElementById(“graphType”).value = “2d”; graphSteps = “”; document.getElementById(“calculationStepsGraph”).innerHTML = “

Not calculated yet.

“; } function toggleGraphSteps(){ const s = document.getElementById(“calculationStepsGraph”); const a = document.getElementById(“toggleArrowGraph”); if (s.style.display === “none” || s.style.display === “”) { s.style.display = “block”; a.style.transform = “rotate(180deg)”; s.innerHTML = graphSteps || “

Not calculated yet.

“; } else { s.style.display = “none”; a.style.transform = “rotate(0deg)”; } }