index.html

<html>
    <title> Malayalam Movie Idea Generation powered by Gradio API</title>
<body>

    <h1>Text Generation powered by Gradio API 🤗 </h1>
<textarea rows='14' id="input_text" placeholder="Enter your text here...."></textarea>
<button class="get_values" onclick="startUpdate(event)"> GET MOVIE IDEA</button>

<textarea rows='14' id="result" placeholder="Wait for the result"></textarea>

<script>

function startUpdate(e) {
 
  updateTextArea();

}


 function updateTextArea() {

  let url = "https://hf.space/embed/bananabot/ThisMollywoodMovieDoesNotExist.com/+/api/predict/"; // url

  
  var text = document.getElementById("input_text").value;

  //console.log(text);
  
  fetch(url,  { method: "POST", body: JSON.stringify({"data": [text]

}), headers: { "Content-Type": "application/json" } })
    .then(response => response.json())
    .then(data => {
      let textArea = document.getElementById("result");
      // parsing the JSON value to string
      textArea.value = JSON.stringify(data);
    })
 

  }
</script>


</body>
</html>