From d46e3fac87a4229c9add0dc64f78ba2854c9ffdf Mon Sep 17 00:00:00 2001
From: Mohammad Mehdi Nazari <75282167+MMNazari1380@users.noreply.github.com>
Date: Fri, 5 Jan 2024 14:25:26 +0330
Subject: [PATCH] api call added

---
 index.html | 94 ++++++++++++++++++++++++++++--------------------------
 1 file changed, 49 insertions(+), 45 deletions(-)
diff --git a/index.html b/index.html
index 1858e4d..ab58c54 100644
--- a/index.html
+++ b/index.html
@@ -1,46 +1,50 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Lady or Gentleman?</title>
-    <link rel="stylesheet" type="text/css" href="style/styles.css">
-</head>
-<body>
-    <div class="box">
-        <div class="container">
-            <div class="left-column">
-              <h2>Mr. or Ms. ?</h2>
-              <form>
-                      <label for="name">Name:</label>
-                      <input type="text" id="name" name="name" required>
-
-                      <div class="radio-group">
-                          <label>
-                            <input type="radio" name="gender" value="male">
-                            Male
-                          </label>
-                      </div>
-
-                      <div class="radio-group">
-                          <label>
-                            <input type="radio" name="gender" value="female">
-                            Female
-                          </label>
-                      </div>
-
-                      <input type="submit" value="Submit">
-              </form>
-              <input type="submit" value="Save">
-            </div>
-
-            <div class="right-column">
-              <h2>Prediction</h2>
-              <p>Male</p>
-              <p>0.97</p>
-              <h2>Saved Answer</h2>
-              <button>Clear</button>
-            </div>
-        </div>
-    </div>
-</body>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Lady or Gentleman?</title>
+    <link rel="stylesheet" type="text/css" href="css/styles.css">
+    
+</head>
+<body>
+    <div class="box">
+        <div class="container">
+            <div class="left-column">
+              <h2>Mr. or Ms. ?</h2>
+              <form id="myForm" onsubmit="handleSubmit(event)">
+                      <label for="name">Name:</label>
+                      <input type="text" id="textInput" name="textInput"required>
+                      <div class="radio-group">
+                          <label>
+                            <input type="radio" value="male" id="option1" name="apiOption">
+                            Male
+                          </label>
+                      </div>
+
+                      <div class="radio-group">
+                          <label>
+                            <input type="radio" value="female" id="option2" name="apiOption">
+                            Female
+                          </label>
+                      </div>
+                      <button type="submit">Submit</button>
+              </form>
+              <input type="submit" value="Save">
+            </div>
+
+            <div class="right-column" >
+              <p id="response"></p>
+              <!--
+              <h2>Prediction</h2>
+              <p>Male</p>
+              <p>0.97</p>
+              <h2>Saved Answer</h2>
+              <button>Clear</button>
+              -->
+            </div>
+            <script type="text/javascript" src="js/script.js"></script>
+
+        </div>
+    </div>
+</body>
 </html>
\ No newline at end of file
