1single.html

---
title: Sentiment
layout: default
---
<form id="myForm">
  <label for="prompt">Input:</label><br>
  <input type="text" id="prompt" name="prompt"><br>
  <input type="submit" value="Submit">
</form>
<div id="results"></div>
<script>
  document.getElementById("myForm").addEventListener("submit", function(event){
    event.preventDefault();
    let inputValue = document.getElementById("prompt").value;
    analyze(inputValue);
  });

  async function analyze(prompt) {
    var promptList = [];
    promptList.push(prompt);
    const response = await fetch('https://calebo95-pets.hf.space/api/predict/', {
      method: "POST", body: JSON.stringify({ "data": promptList }),
      headers: { "Content-Type": "application/json" }
    });
    const json = await response.json();
    firstItemString = json.data[0].replace(/'/g, '"');
    let firstItem = JSON.parse(firstItemString);

    let label = firstItem[0].label;
    results.innerHTML = `<p>The feeling is: ${label}</p>`
  }
</script>