Function init

AppData/static/js/graph.js:110–162

()

      const playBtn = document.getElementById("playBtn");

      function init() {
        window.addEventListener("resize", resize);
        resize();

        // Manual Graph trigger
        document.getElementById("graphBtn").onclick = updateEquation;

        // "ENTER" Key functionality added here
        eqnInput.onkeydown = (e) => {
          if (e.key === "Enter") {
            updateEquation();
            eqnInput.blur(); // Remove focus so graph is the priority
          }
        };

        document.getElementById("resetBtn").onclick = () => {
          state.scanPos = 0;
          updateEquation();
        };
        document.getElementById("exampleSelect").onchange = (e) => {
          eqnInput.value = e.target.value;
          updateEquation();
        };
        playBtn.onclick = () => {
          state.isScanning = !state.isScanning;
          playBtn.innerText = state.isScanning ? "Pause" : "Play";
        };

        let isDragging = false;
        const handleDial = (e) => {
          if (!isDragging) return;
          const rect = speedDial.getBoundingClientRect();
          const clientY = e.touches ? e.touches[0].clientY : e.clientY;
          const val = Math.max(
            MIN_PWM_HZ,
            Math.min(
              MAX_PWM_HZ,
              state.scanFreq + (rect.top + rect.height / 2 - clientY) * 0.05,
            ),
          );
          setFreq(val);
        };
        speedDial.onmousedown = speedDial.ontouchstart = () =>
          (isDragging = true);
        window.onmouseup = window.ontouchend = () => (isDragging = false);
        window.onmousemove = window.ontouchmove = handleDial;
        speedInput.onchange = (e) => setFreq(parseFloat(e.target.value));

        eqnInput.value = state.eq;
        setFreq(1.0);
        updateEquation();
        requestAnimationFrame(animate);
      }

      function setFreq(v) {
        state.scanFreq = Math.max(MIN_PWM_HZ, Math.min(MAX_PWM_HZ, v || 0));