Skip to content

another h1 #17

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
makindemojisola wants to merge 1 commit into
base: master
Choose a base branch
from
Open

another h1 #17

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
271 changes: 163 additions & 108 deletions myjs.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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>
console.log(score.length + "/" + questions.length);
}
</script>