John Paul Manuel

This website is still under development. Expect some bugs and errors may occur any time. As of now, you can create profile, post updates and follow each other

- John Paul M. Manuel

Feed

Profile Image
John Paul Manuel (JP)
4 weeks ago

CS32-2 Web App Dev
0
Profile Image
John Paul Manuel (JP)
4 weeks ago

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Quiz</title>
<style>
.container {
margin: 10px;
padding: 5px;
}
</style>
</head>
<body>
<div class="container">
<h4 id="number"></h4>
<h2 id="question"></h2>
<div id="choices"></div>
</div>

<button id="start" onclick="startGame()">Start Game</button>
<button id="next" onclick="nextQuestion()" disabled>Next</button>
<script>
const obj = {
results: [
{
question: "What is 1+1",
choices: ["11", "2", "4", "Undefined"],
correct_answer: "2",
},
{
question: "What is the english of aso",
choices: ["cat", "cow", "dog", "frog"],
correct_answer: "dog",
},
],
};
const questions = obj.results;
let currentIndex = 0;
const questionDisplay = document.getElementById("question");
const numberDisplay = document.getElementById("number");
const choicesDiv = document.getElementById("choices");
const startBtn = document.getElementById("start");
const nextBtn = document.getElementById("next");

function startGame() {
showQuestion();
startBtn.disabled = true;
}
function nextQuestion() {
currentIndex++;
nextBtn.disabled = true;
if (currentIndex >= questions.length) {
questionDisplay.textContent = "No questions left";
choicesDiv.innerHTML = "";
const restart = document.createElement("button");
restart.textContent = "Try Again";
restart.onclick = () => {
currentIndex = 0;
choicesDiv.innerHTML = "";
showQuestion();
};
choicesDiv.appendChild(restart);
} else {
showQuestion();
}
}

function showQuestion() {
numberDisplay.textContent = "Question " + (currentIndex + 1);
questionDisplay.textContent = questions[currentIndex].question;
let choices = questions[currentIndex].choices;
choicesDiv.innerHTML = "";
let answered = false;
choices.forEach((choice) => {
const button = document.createElement("button");
button.style.marginLeft = "10px";
button.style.padding = "10px";
button.textContent = choice;
button.onclick = () => {
if (answered) return;
answered = true;

if (choice == questions[currentIndex].correct_answer) {
button.style.backgroundColor = "green";
} else {
button.style.backgroundColor = "red";
}
nextBtn.disabled = false;
};
choicesDiv.appendChild(button);
});
}
</script>
</body>
</html>

View Full Post
0
Profile Image
James Bermar Adique
6 months ago

Sir bug po ang common cards sa pvp naka unli dodge ?
18
Profile Image
Lea Haya Frondozo
4 months ago

wala ng CHAKRAAAA!
0
Profile Image
John Paul Manuel (JP)
5 months ago

IS21-2
0
Profile Image
Al Jay Mendoza Royo
6 months ago

WALA NA GUYS DINAKO PAPASOK KINAKABAHAN NAKO E HUHU
4
Profile Image
James Bermar Adique
6 months ago

Sir bug po ang common cards sa pvp naka unli dodge ?
3
Profile Image
John Paul Manuel (JP)
5 months ago

Group Activity (IS31-1)
Determine the IPv4 address of each computer
Minimum of 3 Computers
Include the following in each computer

Ipv4 Address:
Subnet Mask:
Default Gateway:

try to ping each other computer to see if it is connected to each other using cmd
Ex. ping 192.168.1.26

Submission in comment section:
Include the names of the members

View Full Post
6
Profile Image
Chadrick P. Kampang
5 months ago

https://www.youtube.com/watch?v=7okaHJsfCPo

0
Profile Image
Ron Ruzzel G. Bonife
5 months ago

Free 5m gems ohh sali na sa discord
0

About

This website is still under development. Expect some bugs and errors may occur any time. As of now, you can create profile, post updates, comment, and follow each other

Games?

Want to play games? Click here: Play Game

Student Portal

Activity Submissions? Click here: Student Portal

Contact your instructor to access the portal:

PDF Files

Powerpoint Presentations: View Files