From f9b942b04005a32827ca46d905f86b7baf8a47a2 Mon Sep 17 00:00:00 2001
From: Mojisola Makinde <makindemojisola01@gmail.com>
Date: Tue, 2 May 2023 13:24:49 +0100
Subject: [PATCH] another h1

---
 myjs.html | 271 ++++++++++++++++++++++++++++++++----------------------
 1 file changed, 163 insertions(+), 108 deletions(-)
diff --git a/myjs.html b/myjs.html
index d79f9fc..2673004 100644
--- a/myjs.html
+++ b/myjs.html
@@ -1,144 +1,199 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en">
   <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <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">
+    <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>
+    <h1>From Mojisola</h1>
     <!-- Button trigger modal -->
-<button onclick="greetings('FEmi',1234,true)">Femi</button><button onclick="greetings('Daniel')">Daniel</button><button onclick="greetings('Heritage')">Heritage</button>
-
-<!-- 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 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>
+    <button onclick="greetings('FEmi',1234,true)">Femi</button
+    ><button onclick="greetings('Daniel')">Daniel</button
+    ><button onclick="greetings('Heritage')">Heritage</button>
+
+    <!-- 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 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>
     </div>
-  </div>
-</div>
     <div class="container">
       <div class="bg-light p-5">
         <div class="card-title">
           <h4 class="lead">CBT Test</h4>
         </div>
-          <div class="card shadow-sm p-5 " id="screen">
-          
+        <div class="card shadow-sm p-5" id="screen"></div>
+        <div class="row mt-3">
+          <div class="col-md-6">
+            <button class="btn btn-lg btn-primary mx-auto d-block controls">
+              Previous
+            </button>
           </div>
-          <div class="row mt-3">
-            <div class="col-md-6"><button class="btn btn-lg btn-primary mx-auto d-block controls">Previous</button></div>
-            <!-- <div class="col-md-5"><button class="btn btn-primary mx-auto d-block controls">Previous</button></div> -->
-            <div class="col-md-6"><button class="btn btn-lg btn-dark mx-auto d-block pl-4 pr-4 controls col-md-4">Next</button></div>
-            <button class="btn btn-success bnt-lg col-6 mx-auto mt-4 p-3" data-bs-toggle="modal" data-bs-target="#exampleModal">Submit</button>
+          <!-- <div class="col-md-5"><button class="btn btn-primary mx-auto d-block controls">Previous</button></div> -->
+          <div class="col-md-6">
+            <button
+              class="btn btn-lg btn-dark mx-auto d-block pl-4 pr-4 controls col-md-4"
+            >
+              Next
+            </button>
           </div>
+          <button
+            class="btn btn-success bnt-lg col-6 mx-auto mt-4 p-3"
+            data-bs-toggle="modal"
+            data-bs-target="#exampleModal"
+          >
+            Submit
+          </button>
+        </div>
       </div>
     </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
+      src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js"
+      integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe"
+      crossorigin="anonymous"
+    ></script>
   </body>
 </html>
 <script>
-let {log,count}=console
-
-
-
-let ob={name:'Teslim',email:'mai;.com',age:10,hobbies:['Coding','Sleeping','Eating',{percent:100,score:[12,34]}]}
-
-
-let str="Salaudeen Teslim";
-
-
-function Human(name='No name',sex='Not specified',legs='Unknown'){
-  this.name=name;
-  this.sex=sex;
-  this.legs=legs
-  this.canWalk=function(){
-    return this.legs==2
+  let { log, count } = console;
+
+  let ob = {
+    name: "Teslim",
+    email: "mai;.com",
+    age: 10,
+    hobbies: [
+      "Coding",
+      "Sleeping",
+      "Eating",
+      { percent: 100, score: [12, 34] },
+    ],
+  };
+
+  let str = "Salaudeen Teslim";
+
+  function Human(name = "No name", sex = "Not specified", legs = "Unknown") {
+    this.name = name;
+    this.sex = sex;
+    this.legs = legs;
+    this.canWalk = function () {
+      return this.legs == 2;
+    };
   }
-  
-}
-
-let eve=new Human('EVE','Female',2)
-let moji=new Human()
-
-
 
-log(moji)
+  let eve = new Human("EVE", "Female", 2);
+  let moji = new Human();
 
+  log(moji);
 
-  let index=0;
-  let questions=[
+  let index = 0;
+  let questions = [
     {
-      question:"WHo is your Instructor",
-      options:['Teslim','Moji','Comfort','Izzy'],
-      answer:'Teslim',
-      chosen:''
+      question: "WHo is your Instructor",
+      options: ["Teslim", "Moji", "Comfort", "Izzy"],
+      answer: "Teslim",
+      chosen: "",
     },
     {
-      question:"WHo is your ",
-      options:['Teslim','Moji','Comfort','Izzy'],
-      answer:'Teslim',
-      chosen:''
+      question: "WHo is your ",
+      options: ["Teslim", "Moji", "Comfort", "Izzy"],
+      answer: "Teslim",
+      chosen: "",
     },
     {
-      question:"WHo is",
-      options:['Teslim','Moji','Comfort','Izzy'],
-      answer:'Teslim',
-      chosen:''
-    }
+      question: "WHo is",
+      options: ["Teslim", "Moji", "Comfort", "Izzy"],
+      answer: "Teslim",
+      chosen: "",
+    },
   ];
-function display(){
-  document.querySelector('#screen').innerHTML=''
-  document.querySelector('#screen').innerHTML+=`<p class="lead">${index+1}. ${questions[index].question}</p>`
-  questions[index].options.forEach((el)=>{
-    document.querySelector('#screen').innerHTML+=`<p><input ${questions[index].chosen==el?'checked':''} type="radio" name='answer' onclick="check('${el}')"> ${el}</p>`
-  })
-  let btns=document.querySelectorAll('.controls');
-    btns.forEach((el)=>el.addEventListener('click',myclick))
+  function display() {
+    document.querySelector("#screen").innerHTML = "";
+    document.querySelector("#screen").innerHTML += `<p class="lead">${
+      index + 1
+    }. ${questions[index].question}</p>`;
+    questions[index].options.forEach((el) => {
+      document.querySelector("#screen").innerHTML += `<p><input ${
+        questions[index].chosen == el ? "checked" : ""
+      } type="radio" name='answer' onclick="check('${el}')"> ${el}</p>`;
+    });
+    let btns = document.querySelectorAll(".controls");
+    btns.forEach((el) => el.addEventListener("click", myclick));
 
     // console.log(questions);
-}
-
-function myclick(event){
-
-  let forNext,forPrevious;
-  event.target.innerHTML=='Next'?forNext=questions[index+1]:''
-  forNext?index++:''
-  event.target.innerHTML=='Previous'?forPrevious=questions[index-1]:''
-  forPrevious?index--:''
-  display()
-
-
-// if (event.target.innerHTML=='Next') {
-//       if (questions[index+1]) {
-//         index++
-//   display()
-  
-//       }
-// }
+  }
 
-}
-display()
+  function myclick(event) {
+    let forNext, forPrevious;
+    event.target.innerHTML == "Next" ? (forNext = questions[index + 1]) : "";
+    forNext ? index++ : "";
+    event.target.innerHTML == "Previous"
+      ? (forPrevious = questions[index - 1])
+      : "";
+    forPrevious ? index-- : "";
+    display();
+
+    // if (event.target.innerHTML=='Next') {
+    //       if (questions[index+1]) {
+    //         index++
+    //   display()
+
+    //       }
+    // }
+  }
+  display();
 
-function check(e){
-  
-  questions[index].chosen=e
-}
+  function check(e) {
+    questions[index].chosen = e;
+  }
 
-function submit(){
-  let score=questions.filter((q)=>q.chosen==q.answer)
+  function submit() {
+    let score = questions.filter((q) => q.chosen == q.answer);
 
-  console.log(score.length+'/'+questions.length);
-}
-</script>
\ No newline at end of file
+    console.log(score.length + "/" + questions.length);
+  }
+</script>
