add html form and type number

MKAIF5 · Jun 15, 2024 · cfa9178 · cfa9178
1 parent 494ccad
commit cfa9178
Show file tree

Hide file tree

Showing 3 changed files with 32 additions and 25 deletions.
diff --git a/index.html b/index.html
@@ -1,33 +1,38 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>PRIME NUMBER FINDERt</title>
-    <link rel="stylesheet" href="style.css">
-</head>
-<body>
-
+    <link rel="stylesheet" href="style.css" />
+  </head>
+  <body>
     <div class="main">
-        <div class="h1">
-            <h1>MOHAMMAD KAIF</h1>
-        </div><br>
-        <div class="para">
-            <p>PRIME NUMBER FINDER</p>
-        </div><br><br><br>
-        <input type="text" name="" id="" placeholder="Enter The Number"><br><br><br>
-        <div class="main-btn">
+      <div class="h1">
+        <h1>MOHAMMAD KAIF</h1>
+      </div>
+      <br />
+      <div class="para">
+        <p>PRIME NUMBER FINDER</p>
+      </div>
+      <br /><br /><br />
+      <form action="">
+        <input
+          type="number"
+          name=""
+          id=""
+          placeholder="Enter The Number"
+        /><br /><br /><br />
+      </form>
+      <div class="main-btn">
         <button class="btn-1">CLEAR</button>
         <button class="btn-2">SUBMIT</button>
+      </div>
+      <div class="para-text">
+        <p class="message" id="dom-msg">Result</p>
+      </div>
     </div>
-    <div class="para-text"> 
-        <p class="message"
-           id="dom-msg"> 
-          Result 
-          </p> 
-    </div> 
-    </div>
-
+
     <script src="script.js"></script>
-</body>
-</html>
+  </body>
+</html>
diff --git a/script.js b/script.js
@@ -0,0 +1 @@
+
diff --git a/style.css b/style.css
@@ -19,6 +19,7 @@ body {
   font-weight: 800;
 }
 
+
 .para p {
   font-size: 40px;
   color: rgb(58, 117, 58);