const nameField = document.getElementById("name");
const ageField = document.getElementById("age");
const genderField = document.getElementById("gender");
const fetishesField = document.getElementById("fetishes");
const sexualExplorationField = document.getElementById("sexual-exploration");
const otherField = document.getElementById("other");
const submitBtn = document.getElementById("submit-btn");
const outputEl = document.getElementById("output");

submitBtn.addEventListener("submit", function(e) {
 e.preventDefault();
 const name = nameField.value.trim();
 const age = ageField.value.trim();
 const gender = genderField.value.trim();
 const fetishes = fetishesField.value.trim();
 const sexualExploration = sexualExplorationField.value.trim();
 const other = otherField.value.trim();
  
 const data = {
    name,
    age,
    gender,
    fetishes,
    sexualExploration,
    other,
 };
  
 const response = await fetch("/api/generate-porn", data);
 const json = await response.json();
 outputEl.textContent = json.message;
});