Etsy Policy Evaluator

<div id="etsy-evaluator">
  <h3>Etsy Policy Evaluator</h3>
  <label>Title<br>
    <input id="etsy-title" style="width:100%">
  </label><br><br>

  <label>Description<br>
    <textarea id="etsy-desc" style="width:100%;height:120px"></textarea>
  </label><br>

  <button onclick="evaluateEtsy()">Evaluate</button>
  <pre id="etsy-output" style="background:#f6f6f6;padding:12px;margin-top:20px"></pre>
</div>

<script>
async function evaluateEtsy(){
  const title = document.getElementById('etsy-title').value;
  const description = document.getElementById('etsy-desc').value;
  const resp = await fetch("https://jack-marketing.com/etsy-evaluator/api/evaluate", {
    method: "POST",
    headers: { "Content-Type": "application/json" },
    body: JSON.stringify({ title, description })
  });
  const json = await resp.json();
  document.getElementById("etsy-output").textContent = JSON.stringify(json.result, null, 2);
}
</script>