js/app.js

async function generate() {
  const prompt = document.getElementById("prompt").value;
  document.getElementById("status").innerText = "Generating...";
  document.getElementById("result").style.display = "none";

  const response = await fetch("https://your-hf-space-url.hf.space/generate", {
    method: "POST",
    headers: { "Content-Type": "application/json" },
    body: JSON.stringify({ prompt })
  });

  const result = await response.json();
  if (result.video_url) {
    const video = document.getElementById("result");
    video.src = result.video_url;
    video.style.display = "block";
    document.getElementById("status").innerText = "Done!";
  } else {
    document.getElementById("status").innerText = "Error.";
  }
}