script.js

const form = document.getElementById("contactForm");
const nameInput = document.getElementById("name");
const emailInput = document.getElementById("email");
const messageInput = document.getElementById("message");
const responseDiv = document.getElementById("formResponse");
nameInput.addEventListener("input", () =>
  console.log("Name:", nameInput.value)
);
emailInput.addEventListener("input", () =>
  console.log("Email:", emailInput.value)
);
messageInput.addEventListener("input", () =>
  console.log("Message:", messageInput.value)
);

form.addEventListener("submit", function (e) {
  e.preventDefault();

  const data = {
    name: nameInput.value.trim(),
    email: emailInput.value.trim(),
    message: messageInput.value.trim(),
  };

  console.log("Form submitted:", data);
  responseDiv.textContent = `Thanks, ${data.name}! We'll be in touch.`;
  form.reset();
});