From 49ed71f5f680c80e024b46896ec243dcfc12ffa6 Mon Sep 17 00:00:00 2001
From: mubeejoy12 <abubakrobasanjo@gmail.com>
Date: Mon, 7 Aug 2023 16:11:07 +0100
Subject: [PATCH] adding a function to my first input

---
 myjs.html | 154 +++++++++++++++++++++++++++++-------------------------
 1 file changed, 84 insertions(+), 70 deletions(-)
diff --git a/myjs.html b/myjs.html
index b81f9cf..5e9960c 100755
--- a/myjs.html
+++ b/myjs.html
@@ -1,94 +1,108 @@
 <!doctype html>
 <html lang="en">
-  <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <title>Bootstrap demo</title>
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
-  
-  </head>
-  <body>
-    <input type="text" name="" id="text">
-    <button class="btn btn-danger mt-3"  onclick="myclick()" >Copy</button>
-
-
-<h1 id="header"></h1>
-<!-- Modal -->
-<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
-  <div class="modal-dialog">
-    <div class="modal-content">
-      <div class="modal-header">
-        <h1>OLUWAFEMI.</h1>
-        <h1 class="modal-title fs-5" id="exampleModalLabel">Submission warning !</h1>
-        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
-      </div>
-      <div class="modal-body">
-        <p class="display-6">Are you sure you want to submit?
-        </p>
-      </div>
-      <div class="modal-footer">
-        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
-        <button type="button" class="btn btn-primary" onclick="submit()" data-bs-dismiss="modal">Yes Submit</button>
+
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Bootstrap demo</title>
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet"
+    integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
+
+</head>
+
+<body>
+  <input type="text" name="" id="text">
+  <button class="btn btn-danger mt-3" onclick="myClick()">Copy</button>
+  <div id="output"></div>
+
+
+  <h1 id="header"></h1>
+  <!-- Modal -->
+  <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+    <div class="modal-dialog">
+      <div class="modal-content">
+        <div class="modal-header">
+          <h1>OLUWAFEMI.</h1>
+          <h1 class="modal-title fs-5" id="exampleModalLabel">Submission warning !</h1>
+          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+        </div>
+        <div class="modal-body">
+          <p class="display-6">Are you sure you want to submit?
+          </p>
+        </div>
+        <div class="modal-footer">
+          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
+          <button type="button" class="btn btn-primary" onclick="submit()" data-bs-dismiss="modal">Yes Submit</button>
+        </div>
       </div>
     </div>
+
+    <!-- <h1>change from efe</h1> -->
+    <input type="text" id="inp1" style="">
+    <input type="text" id="inp2">
+    <button onclick="add()">add</button>
+    <table class="table">
+      <tr>
+        <td id="data1">hdhhd</td>
+        <td id="data2">nnn</td>
+      </tr>
+    </table>
   </div>
-  
-  <!-- <h1>change from efe</h1> -->
-  <input type="text" id="inp1" style="">
-  <input type="text" id="inp2">
-  <button onclick="add()">add</button>
-  <table class="table">
-    <tr>
-      <td id="data1">hdhhd</td>
-      <td id="data2">nnn</td>
-    </tr>
-  </table>
-</div>
-    <div class="container" id="disp">
-      
-    </div>
-    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js" 
-    integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" 
-    crossorigin="anonymous"></script>
-  </body>
+  <div class="container" id="disp">
+
+  </div>
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js"
+    integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous">
+
+     
+    </script>
+    <script>
+       let text = document.getElementById('text')
+      let output = document.getElementById('output')
+      function myClick() {
+        output.innerHTML += text.value
+      } 
+    </script>
+    
+</body>
 
 </html>
 
 <script>
-let {log,count}=console
+  let { log, count } = console
 
 
-  let questions=[
+  let questions = [
     {
-      question:"WHo is your Instructor",
-      options:['Saheed','Moji','Comfort','Izzy'],
-      answer:'Saheed',
-      chosen:'',
-      value:100
+      question: "WHo is your Instructor",
+      options: ['Saheed', 'Moji', 'Comfort', 'Izzy'],
+      answer: 'Saheed',
+      chosen: '',
+      value: 100
     },
     {
-      question:"WHo is your ",
-      options:['Teslim','Moji','Comfort','Izzy'],
-      answer:'Teslim',
-      chosen:'',
-      value:100
+      question: "WHo is your ",
+      options: ['Teslim', 'Moji', 'Comfort', 'Izzy'],
+      answer: 'Teslim',
+      chosen: '',
+      value: 100
     },
     {
-      question:"WHo is",
-      options:['Teslim','Moji','Comfort','Izzy'],
-      answer:'Teslim',
-      chosen:'',
-      value:200
+      question: "WHo is",
+      options: ['Teslim', 'Moji', 'Comfort', 'Izzy'],
+      answer: 'Teslim',
+      chosen: '',
+      value: 200
     }
   ];
-  let names=['Teslim','Bolu','Ay','Titi','Teslim','Bolu','Ay','Titi','Teslim','Bolu','Ay',
-  'Titi','Teslim','Bolu','Ay','Titi'];
+  let names = ['Teslim', 'Bolu', 'Ay', 'Titi', 'Teslim', 'Bolu', 'Ay', 'Titi', 'Teslim', 'Bolu', 'Ay',
+    'Titi', 'Teslim', 'Bolu', 'Ay', 'Titi'];
 
-let str=234567
+  let str = 234567
 
-log(str+'',str)
+  log(str + '', str)
 
 
 // myclick()
- 
+
 </script>
\ No newline at end of file
