Function setupMnistSampleButtons

assets/main.js:133–170

({ digitCanvas, onSampleApplied, manifestPath } = {})

}

async function setupMnistSampleButtons({ digitCanvas, onSampleApplied, manifestPath } = {}) {
  if (!digitCanvas || typeof digitCanvas.setPixels !== "function") return null;
  const interactionRow =
    typeof digitCanvas.getInteractionRow === "function" ? digitCanvas.getInteractionRow() : null;
  const gridElement =
    typeof digitCanvas.getGridElement === "function" ? digitCanvas.getGridElement() : null;
  if (!interactionRow || !gridElement) return null;
  let loader;
  try {
    loader = await loadMnistTestSamples(manifestPath ?? MNIST_SAMPLE_MANIFEST_URL);
  } catch (error) {
    console.warn("MNIST-Testdaten konnten nicht geladen werden:", error);
    return null;
  }
  const column = document.createElement("div");
  column.className = "digit-button-column";
  for (let digit = 0; digit < 10; digit += 1) {
    const button = document.createElement("button");
    button.type = "button";
    button.className = "digit-button";
    button.textContent = String(digit);
    button.setAttribute("aria-label", `Zufällige ${digit} laden`);
    button.addEventListener("click", () => {
      const sample = loader.getRandomSample(digit);
      if (!sample) return;
      digitCanvas.setPixels(sample.pixels);
      if (typeof onSampleApplied === "function") {
        onSampleApplied(sample);
      }
  });
    column.appendChild(button);
  }
  interactionRow.appendChild(column);
  return {
    loader,
    column,
  };
}

async function initializeVisualizer() {
  initializeInfoDialog();