<html lang="en">
<head>
    <meta charset="UTF-8"></meta>
    <meta content="width=device-width, initial-scale=1.0" name="viewport"></meta>
    <title>Grade 8, Science, Importance of Microorganisms, worksheets</title>
    <style>
    
            h1 {
            font-size: 24px; /* Adjust this value as needed */
            color: green;
        }
        .correct {
            color: green;
        }
        .wrong {
            color: red;
        }
        body, html {
            -webkit-user-select: none; /* Safari */
            -moz-user-select: none; /* Firefox */
            -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently supported by Chrome, Opera, and Edge */
        }
        label {
            font-size: 20px;
        }
        p {
            font-size: 20px;
        }
        .question {
            display: flex;
            align-items: center;
            margin-bottom: 15px;
            font-size: 20px; /* Ensure font size consistency */
        }
        .question label {
            margin-right: 10px;
        }
        .question input[type="text"] {
            width: 50px;
            text-align: center;
            margin-right: 10px;
            font-size: 20px; /* Match font size with the label */
        }
        .question .answer-display {
            font-size: 20px;
            margin-left: 10px;
        }
        .exercise-instructions {
            font-size: 20px;
            margin-bottom: 20px;
            font-weight: bold; /* Make the instructions bold */
        }
        .result-images img {
            width: 50px;
            height: 50px;
        }
        .buttons {
            margin-top: 20px;
        }
        .buttons button {
            font-size: 18px;
            padding: 10px 20px;
            margin: 5px;
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }
        .check-button {
            background-color: #4CAF50; /* Green */
        }
        .retry-button {
            background-color: #f44336; /* Red */
        }
        .marks {
            color: blue;
            font-size: 20px;
            font-weight: bold;
        }
    </style>
    <script>
        document.addEventListener('contextmenu', event => event.preventDefault());

        document.addEventListener('keydown', event => {
            if (event.key === "F12" || (event.ctrlKey && event.shiftKey && event.key === 'I') || (event.ctrlKey && event.shiftKey && event.key === 'J') || (event.ctrlKey && event.key === 'U')) {
                event.preventDefault();
            }
        });

        document.addEventListener('copy', event => {
            event.preventDefault();
        });

        function shuffle(array) {
            for (let i = array.length - 1; i > 0; i--) {
                const j = Math.floor(Math.random() * (i + 1));
                [array[i], array[j]] = [array[j], array[i]];
            }
            return array;
        }

const questions1 = [
{"q": "What are microorganisms?", "options": ["Living organisms visible to the naked eye", "Living organisms invisible to the naked eye", "Non-living organisms", "Organisms that grow only in water"], "a": "Living organisms invisible to the naked eye"},
{"q": "Which of the following can be observed using a light microscope?", "options": ["Viruses", "Yeast", "Human cells", "All of the above"], "a": "Yeast"},
{"q": "Microorganisms can thrive in which of the following environments?", "options": ["Glaciers", "Hot springs", "Saline environments", "All of the above"], "a": "All of the above"},
{"q": "What characteristic distinguishes microorganisms from other organisms?", "options": ["They can be seen clearly with the naked eye.", "They are found only in aquatic environments.", "They are unicellular or multicellular and cannot be seen clearly with the naked eye.", "They do not exist in extreme conditions."], "a": "They are unicellular or multicellular and cannot be seen clearly with the naked eye."},
{"q": "Who first observed microorganisms in 1674?", "options": ["Robert Hooke", "Louis Pasteur", "Antonie van Leeuwenhoek", "Alexander Fleming"], "a": "Antonie van Leeuwenhoek"},
{"q": "Which of the following is NOT a microorganism?", "options": ["Amoeba", "Chlamydomonas", "Mucor", "Worms"], "a": "Worms"},
{"q": "Which of the following statements about viruses is correct?", "options": ["Viruses are only living organisms.", "Viruses are completely non-living.", "Viruses have both living and non-living characteristics.", "Viruses can be observed with a light microscope."], "a": "Viruses have both living and non-living characteristics."},
{"q": "What causes food spoilage?", "options": ["Exposure to sunlight", "Microbial growth", "Lack of oxygen", "Refrigeration"], "a": "Microbial growth"},
{"q": "Which of these factors contributes to microbial growth in food?", "options": ["High sugar content", "Moisture and warmth", "Low salt concentration", "Exposure to light"], "a": "Moisture and warmth"},
{"q": "What gas is released during yeast activity in sugar solutions?", "options": ["Oxygen", "Nitrogen", "Carbon dioxide", "Methane"], "a": "Carbon dioxide"},
{"q": "Why does refrigeration slow microbial activity in food?", "options": ["It eliminates all moisture.", "It controls temperature and moisture.", "It increases pH levels.", "It reduces oxygen availability."], "a": "It controls temperature and moisture."},
{"q": "What type of microbial activity is responsible for bread rising?", "options": ["Putrefaction", "Rancidity", "Fermentation", "Decomposition"], "a": "Fermentation"},
{"q": "What is the process of microbial spoilage of protein-rich foods called?", "options": ["Fermentation", "Rancidity", "Putrefaction", "Decay"], "a": "Putrefaction"},
{"q": "Which factor is controlled by storing food in honey or sugar?", "options": ["Moisture", "Temperature", "Oxygen availability", "Microbial pH"], "a": "Moisture"},
{"q": "Which of the following foods is most likely to undergo fermentation?", "options": ["Protein-rich food", "Sugar-rich food", "Lipid-rich food", "Salty food"], "a": "Sugar-rich food"},
{"q": "Which of the following is a beneficial use of microorganisms?", "options": ["Decomposing dead organic matter", "Causing infectious diseases", "Damaging wooden furniture", "Spoiling food"], "a": "Decomposing dead organic matter"},
{"q": "Which industry heavily relies on microorganisms?", "options": ["Automobile", "Food and beverage", "Mining", "Textile"], "a": "Food and beverage"},
{"q": "What is the role of microorganisms in the environment?", "options": ["Decomposing dead matter", "Accumulating waste", "Preventing microbial growth", "Destroying useful organisms"], "a": "Decomposing dead matter"},
{"q": "Which disease is caused by bacteria?", "options": ["Dengue", "Malaria", "Tuberculosis", "AIDS"], "a": "Tuberculosis"},
{"q": "What type of microorganism causes malaria?", "options": ["Virus", "Bacteria", "Protozoa", "Fungi"], "a": "Protozoa"},
{"q": "What term describes microbial activity on fat-rich foods?", "options": ["Fermentation", "Putrefaction", "Rancidity", "Spoilage"], "a": "Rancidity"},
{"q": "Which disease is caused by a virus?", "options": ["Typhoid", "AIDS", "Leprosy", "Tuberculosis"], "a": "AIDS"},
{"q": "Which surfaces are commonly affected by fungal growth?", "options": ["Metal", "Clothes", "Glass", "Plastic"], "a": "Clothes"},
{"q": "What is one reason microorganisms are used in the production of cheese?", "options": ["To prevent spoilage", "To enhance fermentation", "To produce specific textures and flavors", "To eliminate fats"], "a": "To produce specific textures and flavors"},
{"q": "What microorganism is involved in the production of antibiotics?", "options": ["Virus", "Bacteria", "Protozoa", "Algae"], "a": "Bacteria"},
{"q": "Which of the following diseases is not caused by microorganisms?", "options": ["Common cold", "Dengue", "Diabetes", "Tuberculosis"], "a": "Diabetes"},
{"q": "How do microorganisms help in pest control?", "options": ["By killing all insects", "By controlling pest populations biologically", "By destroying plants", "By spoiling food for pests"], "a": "By controlling pest populations biologically"}
]



        function displayQuestions() {
            shuffle(questions1);

            const questionsContainer1 = document.getElementById('questionsContainer1');
            questionsContainer1.innerHTML = `
                <div class="exercise-instructions">Exercise 1: Choose the correct answer.</div>
            `;
            questions1.forEach((question, index) => {
                const options = shuffle(question.options).map(option => 
                    `<label>
                        <input type="radio" name="question1${index}" value="${option}">
                        ${option}
                    </label><br>`
                ).join('');

                const questionHTML = `
                    <div>
                        <p>${index + 1}. ${question.q}</p>
                        ${options}
                        <p id="feedback1${index}"></p>
                    </div>
                `;
                questionsContainer1.innerHTML += questionHTML;
            });

   





            document.querySelectorAll('#questionsContainer4 .remainder-input').forEach(input => {
                input.addEventListener('keydown', event => {
                    if (event.key === 'Enter') {
                        event.preventDefault();
                        const quotientInputs = Array.from(document.querySelectorAll('#questionsContainer4 .quotient-input'));
                        const currentIndex = quotientInputs.indexOf(input.parentElement.querySelector('.quotient-input'));
                        const nextRowQuotient = quotientInputs[currentIndex + 1];
                        if (nextRowQuotient) {
                            nextRowQuotient.focus();
                        }
                    }
                });
            });
        }

        function checkAnswers() {
            let score1 = 0;

            const totalQuestions1 = questions1.length;


            // Check answers for Exercise 1
            questions1.forEach((question, index) => {
                const selectedAnswer = document.querySelector(`input[name="question1${index}"]:checked`);
                const feedback = document.getElementById(`feedback1${index}`);

                if (selectedAnswer) {
                    if (selectedAnswer.value === question.a) {
                        feedback.innerHTML = '<span class="correct">Correct!</span>';
                        score1++;
                    } else {
                        feedback.innerHTML = `<span class="wrong">Wrong! The correct answer is: ${question.a}</span>`;
                    }
                } else {
                    feedback.innerHTML = `<span class="wrong">No answer selected. The correct answer is: ${question.a}</span>`;
                }
            });

            // Hide the "Check Answers" button after checking the answers

            document.getElementById('checkAnswersButton').style.display = 'none';

            // Calculate percentage
            const totalScore = score1;
            const totalQuestions = totalQuestions1;
            const percentage = (totalScore / totalQuestions) * 100;

            // Display individual and total results
            const resultText = `
                <div class="marks">Exercise 1 Score: ${score1}/${totalQuestions1}</div>

                <div class="marks"><strong>Total Score: ${totalScore}/${totalQuestions} (${percentage.toFixed(2)}%)</strong></div>
                <div>${getGradeFeedback(percentage)}</div>
                ${percentage === 100 ? '<div class="result-images"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2-ubMp9uAa6YdIe_kBJ5KHLm9lvzYdypfXpvij7BtmhFONiFt9j3D7r1V_M4wPnIkIsocug7NzEHIYr35z4J8KqsKIXqw2YCpi_HY6C3OiGkC9ADz9Ee2ne-gO0VgladOU5r5FbSk2jrIy8rdgM0G895UGG_ayI0Bkeh1CU5ZswyoeWQyHsaICeB6Z7k/s1600/star.jpg" alt="Star"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ6tyya1xafjBJ3poGtUE9T5Tj-YAnRsc1SnByb_1pebaR-LBVZYtBJyZ2y_0BMix1y5byTXw2FDWyRzK7_6gAq3duQofJEibkjoQYhCQ-qGcisr9uR6jJ2IN0P510osrhyphenhyphencjOEYoC9uuYnnnL6L61GTgAoWhtcUHu2sXs5RTwaLZAsIwGlePDW-ZXBb8/s1600/happy%20face.jpg" alt="Happy Face"></div>' : ''}
            `;
            document.getElementById('result').innerHTML = resultText;
            document.getElementById('result').style.fontSize = '20px'; // Ensure font size matches questions
            document.getElementById('result').style.fontWeight = 'bold'; // Make the result text bold
            document.querySelectorAll('.marks').forEach(element => {
                element.style.color = 'blue'; // Set color for all marks
            });
        }

        function getGradeFeedback(percentage) {
            if (percentage <= 25) {
                return 'Keep trying, you are improving! Keep up the effort!';
            } else if (percentage <= 50) {
                return 'Good job! You are doing well, keep practicing!';
            } else if (percentage <= 75) {
                return 'Great work! You are almost there, keep it up!';
            } else if (percentage <= 85) {
                return 'Excellent! You are doing fantastic!';
            } else if (percentage <= 99) {
                return 'Almost perfect! Keep up the great work!';
            } else {
                return 'Perfect score! You did an amazing job!';
            }
        }

        window.onload = function() {
            displayQuestions();

            document.getElementById('checkAnswersButton').addEventListener('click', checkAnswers);
document.getElementById('retryButton').addEventListener('click', () => {
    location.reload(); // This will refresh the page
       document.getElementById('result').innerHTML = '';
                displayQuestions();
            });
        }
    </script>
</head>
<body>
  
   <h1>Grade 8, Science, Importance of Microorganisms, worksheets</h1> <!-- Add a title heading here -->
  
  
    <div id="questionsContainer1"></div>

    <div id="result"></div>
    <div class="buttons">
        <button class="check-button" id="checkAnswersButton">Check Answers</button>
        <button class="retry-button" id="retryButton">Retry</button>
    </div>
</body>
</html>
