Skip to content

Commit

Permalink
Merge pull request #5001 from samarsajad/dragon
Browse files Browse the repository at this point in the history
added dragon ball game
  • Loading branch information
kunjgit authored Jul 29, 2024
2 parents e801b95 + a602700 commit eaf21cf
Show file tree
Hide file tree
Showing 7 changed files with 350 additions and 1 deletion.
25 changes: 25 additions & 0 deletions Games/Dragon_Ball_Game/Readme.MD
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
# Dragon Ball Quiz Game

This is a simple JavaScript-based quiz game featuring questions from the Dragon Ball series. Players can test their knowledge by answering a series of multiple-choice questions.

## Features

- **Multiple-choice questions:** Each question has four possible answers, with only one correct answer.
- **Score tracking:** The game keeps track of the player's score and displays it at the end.
- **Feedback on wrong answers:** At the end of the quiz, players can see which questions they answered incorrectly along with the correct answers.

## Getting Started

### Prerequisites

- A modern web browser (Google Chrome, Firefox, Safari, etc.)
- Basic knowledge of HTML, CSS, and JavaScript

### How to Play

1. Open the `index.html` file in a web browser.
2. The first question will be displayed with four possible answers.
3. Select the answer you think is correct and click the "Next" button.
4. Continue answering the questions until you reach the end of the quiz.
5. The game will display your score and provide feedback on any incorrect answers.

Binary file added Games/Dragon_Ball_Game/background.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
26 changes: 26 additions & 0 deletions Games/Dragon_Ball_Game/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>One Piece Quiz</title>
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Cedarville+Cursive&family=Press+Start+2P&family=Teko:[email protected]&family=Zeyada&display=swap" rel="stylesheet">
</head>
<body style="background-image: url('../Dragon_Ball_Game/background.jpg'); background-size: full;"></body>
<div class ="heading-container">
<h1>Dragon Ball Quiz</h1>

</div>

<div class="quiz-container">

<div id="question-container"></div>
<button id="next-btn">Next Question</button>
<div id="result"></div>
</div>
<script src="script.js"></script>
</body>
</html>
255 changes: 255 additions & 0 deletions Games/Dragon_Ball_Game/script.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,255 @@
const questions = [
{
question: "What is Goku's Saiyan name?",
answers: [
{ text: "Kakarot", correct: true },
{ text: "Raditz", correct: false },
{ text: "Vegeta", correct: false },
{ text: "Bardock", correct: false }
]
},
{
question: "Who created the Dragon Balls?",
answers: [
{ text: "Kami", correct: false },
{ text: "King Kai", correct: false },
{ text: "Namekians", correct: true },
{ text: "Supreme Kai", correct: false }
]
},
{
question: "What is the highest Super Saiyan level Goku reaches in Dragon Ball Z?",
answers: [
{ text: "Super Saiyan 2", correct: false },
{ text: "Super Saiyan 3", correct: true },
{ text: "Super Saiyan 4", correct: false },
{ text: "Super Saiyan God", correct: false }
]
},
{
question: "What is the name of Goku's first son?",
answers: [
{ text: "Gohan", correct: true },
{ text: "Trunks", correct: false },
{ text: "Goten", correct: false },
{ text: "Krillin", correct: false }
]
},
{
question: "Who defeats Cell in the Cell Saga?",
answers: [
{ text: "Goku", correct: false },
{ text: "Vegeta", correct: false },
{ text: "Gohan", correct: true },
{ text: "Trunks", correct: false }
]
},
{
question: "Which character is known for their destructo disc attack?",
answers: [
{ text: "Goku", correct: false },
{ text: "Vegeta", correct: false },
{ text: "Krillin", correct: true },
{ text: "Piccolo", correct: false }
]
},
{
question: "What is the name of Vegeta's father?",
answers: [
{ text: "King Cold", correct: false },
{ text: "King Kai", correct: false },
{ text: "King Vegeta", correct: true },
{ text: "King Piccolo", correct: false }
]
},
{
question: "Which Dragon Ball character is a reincarnation of Majin Buu?",
answers: [
{ text: "Uub", correct: true },
{ text: "Broly", correct: false },
{ text: "Jiren", correct: false },
{ text: "Beerus", correct: false }
]
},
{
question: "What is the name of the fusion technique that Goku and Vegeta use?",
answers: [
{ text: "Potara Fusion", correct: false },
{ text: "Fusion Dance", correct: true },
{ text: "Metamoran Fusion", correct: false },
{ text: "Namekian Fusion", correct: false }
]
},
{
question: "Who is the main antagonist of the Frieza Saga?",
answers: [
{ text: "Cell", correct: false },
{ text: "Majin Buu", correct: false },
{ text: "Frieza", correct: true },
{ text: "Android 18", correct: false }
]
},
{
question: "What is the name of the planet where Goku trains with King Kai?",
answers: [
{ text: "Planet Vegeta", correct: false },
{ text: "Planet Namek", correct: false },
{ text: "Planet Yardrat", correct: false },
{ text: "King Kai's Planet", correct: true }
]
},
{
question: "Who is the legendary Super Saiyan that appears in the Dragon Ball Z movies?",
answers: [
{ text: "Broly", correct: true },
{ text: "Bardock", correct: false },
{ text: "Turles", correct: false },
{ text: "Paragus", correct: false }
]
},
{
question: "What is the technique used by Master Roshi to increase his strength and size?",
answers: [
{ text: "Kaio-ken", correct: false },
{ text: "Kamehameha", correct: false },
{ text: "Roshi Power-Up", correct: false },
{ text: "Max Power", correct: true }
]
},
{
question: "Which form does Frieza take when he first fights Goku on Planet Namek?",
answers: [
{ text: "First Form", correct: false },
{ text: "Second Form", correct: false },
{ text: "Third Form", correct: false },
{ text: "Final Form", correct: true }
]
},
{
question: "What is the special ability of the Namekian Dragon Balls compared to the Earth Dragon Balls?",
answers: [
{ text: "They can grant any wish", correct: false },
{ text: "They are larger in size", correct: false },
{ text: "They can grant three wishes", correct: true },
{ text: "They have no limitations", correct: false }
]
},
{
question: "Who is the Supreme Kai's attendant?",
answers: [
{ text: "Whis", correct: false },
{ text: "Beerus", correct: false },
{ text: "Kibito", correct: true },
{ text: "Elder Kai", correct: false }
]
},
{
question: "What technique does Goku use to travel long distances instantly?",
answers: [
{ text: "Flying Nimbus", correct: false },
{ text: "Kaio-ken", correct: false },
{ text: "Instant Transmission", correct: true },
{ text: "Fusion Dance", correct: false }
]
},
{
question: "Which form of Buu absorbs Gohan?",
answers: [
{ text: "Kid Buu", correct: false },
{ text: "Fat Buu", correct: false },
{ text: "Super Buu", correct: true },
{ text: "Evil Buu", correct: false }
]
},
{
question: "What is the name of the God of Destruction introduced in Dragon Ball Super?",
answers: [
{ text: "Champa", correct: false },
{ text: "Beerus", correct: true },
{ text: "Whis", correct: false },
{ text: "Zeno", correct: false }
]
},
{
question: "Which character kills King Piccolo?",
answers: [
{ text: "Goku", correct: true },
{ text: "Piccolo Jr.", correct: false },
{ text: "Tien", correct: false },
{ text: "Kami", correct: false }
]
}
];


let currentQuestion = 0;
let score = 0;
let wrongAnswers = [];

const questionContainer = document.getElementById('question-container');
const nextButton = document.getElementById('next-btn');
const resultContainer = document.getElementById('result');

function displayQuestion() {
const currentQ = questions[currentQuestion];
questionContainer.innerHTML = `
<h2>${currentQ.question}</h2>
<ul>
${currentQ.answers.map((answer, index) => `
<li>
<input type="radio" id="answer${index}" name="answer" value="${answer.correct}">
<label for="answer${index}">${answer.text}</label>
</li>
`).join('')}
</ul>
`;
nextButton.style.display = 'inline';
}

function checkAnswer() {
const selectedAnswer = document.querySelector('input[name="answer"]:checked');
if (!selectedAnswer) return;

if (selectedAnswer.value === 'true') {
score++;
} else {
wrongAnswers.push({
question: questions[currentQuestion].question,
correctAnswer: questions[currentQuestion].answers.find(answer => answer.correct).text,
userAnswer: selectedAnswer.nextElementSibling.innerText
});
}

currentQuestion++;
selectedAnswer.checked = false;

if (currentQuestion < questions.length) {
displayQuestion();
} else {
showResult();
}
}

function showResult() {
questionContainer.innerHTML = '';
nextButton.style.display = 'none';

resultContainer.innerHTML = `<h3>Your Score: ${score}/${questions.length}</h3>`;
if (wrongAnswers.length > 0) {
resultContainer.innerHTML += '<h3>Incorrect Answers:</h3>';
wrongAnswers.forEach(wrong => {
resultContainer.innerHTML += `
<p><strong>Question:</strong> ${wrong.question}</p>
<p><strong>Your Answer:</strong> ${wrong.userAnswer}</p>
<p><strong>Correct Answer:</strong> ${wrong.correctAnswer}</p>
`;
});
}
}

displayQuestion();

nextButton.addEventListener('click', function() {
this.classList.add('button-clicked');
checkAnswer();
});
43 changes: 43 additions & 0 deletions Games/Dragon_Ball_Game/style.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,43 @@
body {
font-family: Arial, sans-serif;

}
.heading-container{
font-family: "Press Start 2P", system-ui;
font-weight: 400;
font-style: normal;
align-self: center;
margin-left: 20%;
font-size: 30px;

}

.quiz-container {
max-width: 600px;
margin: 20px auto;
padding: 20px;
border: 1px solid #ccc;
border-radius: 5px;
background-color: rgba(255, 255, 255, 0.7);
margin-top: 225px;
align-items: center;
font-family: "Press Start 2P", system-ui;
font-weight: 400;
font-style: normal;
}

button {
padding: 10px 20px;
margin-top: 10px;
cursor: pointer;
font-family: "Press Start 2P", system-ui;
font-weight: 400;
font-style: normal;
background-color: #23407b;;
}

button:hover {
background-color: #e48d30;
color: #080808;
}

2 changes: 1 addition & 1 deletion README.md
Original file line number Diff line number Diff line change
Expand Up @@ -852,7 +852,7 @@ This repository also provides one such platforms where contributers come over an
|[Matching_Pair](https://github.com/kunjgit/GameZone/tree/main/Games/Matching_pair)

|[Number Guessing Game](https://github.com/kunjgit/GameZone/tree/main/Games/Number_Guessing-Game)

| [Dragon Ball Game](https://github.com/kunjgit/GameZone/tree/main/Games/Dragon_Ball_Game) |
|[Otherworldly_Odyssey](./Games/Otherworldly_Odyssey/)|
</center>

Expand Down
Binary file added assets/images/Dragon_Ball_Game.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit eaf21cf

Please sign in to comment.