diff --git a/Chemistry Quiz/icon.png b/Chemistry Quiz/icon.png new file mode 100644 index 00000000..a1d3b470 Binary files /dev/null and b/Chemistry Quiz/icon.png differ diff --git a/Chemistry Quiz/index.html b/Chemistry Quiz/index.html new file mode 100644 index 00000000..47b48bc6 --- /dev/null +++ b/Chemistry Quiz/index.html @@ -0,0 +1,90 @@ + + + + + + Cricket Quiz + + + +
+

Cricket Quiz

+
+
+

1. What is the chemical symbol for Gold?

+
+
+
+
+
+
+

2. What is the atomic number of Carbon?

+
+
+
+
+
+
+

3. Which gas is most abundant in the Earth's atmosphere?

+
+
+
+
+
+
+

4. What is the pH of pure water?

+
+
+
+
+
+
+

5. Who is known as the father of modern chemistry?

+
+
+
+
+
+
+

6. What is the most electronegative element?

+
+
+
+
+
+
+

7. Which element has the highest melting point?

+
+
+
+
+
+
+

8. What is the formula for ammonium sulfate?

+
+
+
+
+
+
+

9. Which of the following is an alkali metal?

+
+
+
+
+
+
+

10. What is the main gas found in the air we breathe?

+
+
+
+
+
+ + +
+
+
+ + + diff --git a/Chemistry Quiz/manifest.json b/Chemistry Quiz/manifest.json new file mode 100644 index 00000000..0180b23b --- /dev/null +++ b/Chemistry Quiz/manifest.json @@ -0,0 +1,16 @@ +{ + "manifest_version": 3, + "name": "Chemistry Quiz", + "version": "1.0", + "description": "A simple Chemistry quiz extension", + "action": { + "default_popup": "index.html", + "default_icon": "icon.png" + }, + "icons": { + "16": "icon.png", + "48": "icon.png", + "128": "icon.png" + }, + "permissions": [] +} diff --git a/Chemistry Quiz/script.js b/Chemistry Quiz/script.js new file mode 100644 index 00000000..12d800e5 --- /dev/null +++ b/Chemistry Quiz/script.js @@ -0,0 +1,21 @@ +// Function to handle quiz submission and scoring +function submitQuiz() { + const quizForm = document.getElementById('quiz-form'); // Get the quiz form element + const resultDiv = document.getElementById('result'); // Get the result display element + const correctAnswers = ['c', 'b', 'a', 'd', 'c', 'b', 'a', 'd', 'a', 'd']; // Array of correct answers + let score = 0; // Initialize score + + // Loop through each question + for (let i = 0; i < correctAnswers.length; i++) { + const question = `q${i + 1}`; // Construct the name of each question input + const selectedAnswer = quizForm[question].value; // Get the selected answer + + // Check if the selected answer matches the correct answer + if (selectedAnswer === correctAnswers[i]) { + score++; // Increment score if answer is correct + } + } + + // Display the final score + resultDiv.textContent = `You scored ${score} out of ${correctAnswers.length}!`; +} diff --git a/Chemistry Quiz/style.css b/Chemistry Quiz/style.css new file mode 100644 index 00000000..bf1840bb --- /dev/null +++ b/Chemistry Quiz/style.css @@ -0,0 +1,81 @@ +/* Global styles */ +body { + font-family: Arial, sans-serif; + background-color: #f5f5f5; + color: #333; + margin: 0; + padding: 0; + display: flex; + justify-content: center; + align-items: center; + height: 100vh; +} + +.quiz-container { + background-color: #fff; + padding: 20px; + border-radius: 8px; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + width: 100%; + max-width: 600px; + height: 80vh; + overflow-y: auto; + box-sizing: border-box; +} + +h1 { + text-align: center; + margin-bottom: 20px; + font-size: 24px; +} + +.question { + margin-bottom: 20px; +} + +.question p { + margin: 0 0 10px; + font-size: 18px; +} + +label { + display: block; + margin-bottom: 10px; + padding: 10px; + border: 1px solid #ddd; + border-radius: 4px; + cursor: pointer; + background-color: #f9f9f9; + transition: background-color 0.3s; +} + +label:hover { + background-color: #f1f1f1; +} + +input[type="radio"] { + margin-right: 10px; +} + +button { + display: block; + width: 100%; + padding: 10px; + background-color: #007bff; + color: white; + border: none; + border-radius: 5px; + cursor: pointer; + font-size: 16px; + margin-top: 20px; +} + +button:hover { + background-color: #0056b3; +} + +#result { + margin-top: 20px; + font-size: 20px; + text-align: center; +}