Update templates/home.html

templates/home.html

@@ -15,10 +15,28 @@
       <form action="{{url_for('classify')}}" method="POST">
     <textarea name="comment" required="true" rows="1" cols="40"></textarea>
     <br>
-      <input type="submit" value="صَنِف" class="button-89">
+      <input id="text" type="submit" value="صَنِف" class="button-89">
     <br>
-        
-      {% extends 'prediction.html' %}
+      <div name = "output" id="output" style="visibility: hidden;">
+      <p class="output-statement">{{output}}</p>
+      </div>
+      <script>
+        var text = document.getElementById("text").value
+        document.getElementById("output").style="visibility: visible";
+        $('form').on('submit', function(event) {
+         $.ajax({
+            type: 'POST',
+            url:  "{{ url_for( '/classify' ) }}",
+            data: JSON.stringify({'input':text}),
+            contentType: "application/json",
+            success:function(response){
+              success: function(response) {
+              document.write(response);
+              document.getElementById("output").style="visibility: visible";
+       },
+            }       
+         })
+      </script>
       
       </form>
     </div>