Posts
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Microbes in Human Welfare - MCQ Test</title>
<style>
body{
font-family:Arial,sans-serif;
background:#f4f7fb;
margin:0;
padding:20px;
}
.container{
max-width:700px;
margin:auto;
background:#fff;
padding:20px;
border-radius:10px;
box-shadow:0 0 10px rgba(0,0,0,.15);
}
h2{
text-align:center;
color:#2c3e50;
}
#progress{
margin-bottom:15px;
font-weight:bold;
}
.question{
font-size:20px;
font-weight:bold;
margin-bottom:20px;
}
.option{
display:block;
padding:12px;
margin:10px 0;
background:#eef2f7;
border-radius:8px;
cursor:pointer;
}
.option input{
margin-right:10px;
}
.buttons{
display:flex;
justify-content:space-between;
margin-top:20px;
}
button{
padding:10px 18px;
font-size:16px;
border:none;
border-radius:8px;
background:#007bff;
color:white;
cursor:pointer;
}
button:hover{
background:#0056b3;
}
.result{
margin-top:20px;
line-height:1.8;
}
</style>
</head>
<body>
<div class="container">
<h2>Microbes in Human Welfare</h2>
<div id="progress"></div>
<div id="quiz"></div>
<div class="buttons">
<button onclick="prevQuestion()">Previous</button>
<button onclick="nextQuestion()">Next</button>
<button onclick="submitQuiz()">Submit</button>
</div>
<div id="result" class="result"></div>
</div>
<script>
const quiz=[
{
q:"1. Which microorganism is used for industrial production of citric acid?",
o:["Lactobacillus bulgaricus","Penicillium citrinum","Aspergillus niger","Rhizopus nigricans"],
a:2,
e:"Aspergillus niger is commercially used to produce citric acid."
},
{
q:"2. Formation of vinegar from alcohol is caused by",
o:["Bacillus subtilis","Clostridium","Acetobacter aceti","Azotobacter"],
a:2,
e:"Acetobacter aceti converts alcohol into acetic acid."
},
{
q:"3. Beer is obtained from",
o:["Molasses","Grapes","Barley","Rye"],
a:2,
e:"Beer is produced by fermentation of barley."
},
{
q:"4. Milk is converted into curd by",
o:["Bacillus megatherium","Acetobacter aceti","Xanthomonas citri","Lactobacillus acidophilus"],
a:3,
e:"LAB converts milk into curd."
},
{
q:"5. Saccharomyces cerevisiae is used for production of",
o:["Ethanol","Methanol","Acetic acid","Antibiotics"],
a:0,
e:"Yeast ferments sugars to ethanol."
},
{
q:"6. Which bacteria are utilized in gobar gas plants?",
o:["Methanogens","Nitrifying bacteria","Ammonifying bacteria","Denitrifying bacteria"],
a:0,
e:"Methanogens produce methane in biogas plants."
},
{
q:"7. Which microorganism is commonly used as a biocontrol agent?",
o:["Agrobacterium","Glomus","Trichoderma","Baculovirus"],
a:2,
e:"Trichoderma protects plants against fungal pathogens."
},
{
q:"8. Lactic acid bacteria improve nutritional quality of curd by increasing",
o:["Vitamin A","Vitamin B12","Vitamin B6","Vitamin C"],
a:1,
e:"LAB increases Vitamin B12 content."
},
{
q:"9. Statins are used for",
o:["Removing blood clots","Lowering cholesterol","Producing ethanol","Making cheese"],
a:1,
e:"Statins reduce blood cholesterol."
},
{
q:"10. Bacillus thuringiensis is used to control",
o:["Moths only","Flies only","Mosquitoes only","All of these"],
a:3,
e:"Bt is an effective microbial insecticide."
}
];
let current=0;
let answers=new Array(quiz.length).fill(null);
function loadQuestion(){
let q=quiz[current];
document.getElementById("progress").innerHTML="Question "+(current+1)+" of "+quiz.length;
let html="<div class='question'>"+q.q+"</div>";
q.o.forEach((op,i)=>{
html+=`
<label class="option">
<input type="radio" name="opt" value="${i}" ${answers[current]==i?"checked":""}>
${op}
</label>`;
});
document.getElementById("quiz").innerHTML=html;
document.querySelectorAll("input").forEach(r=>{
r.onchange=()=>answers[current]=Number(r.value);
});
}
function nextQuestion(){
if(current<quiz.length-1){
current++;
loadQuestion();
}
}
function prevQuestion(){
if(current>0){
current--;
loadQuestion();
}
}
function submitQuiz(){
let score=0;
let html="<h3>Results</h3>";
quiz.forEach((q,i)=>{
if(answers[i]==q.a) score++;
html+="<p><b>Q"+(i+1)+":</b> "+q.q+"<br>";
html+="Correct Answer: "+q.o[q.a]+"<br>";
html+="Explanation: "+q.e+"</p><hr>";
});
html="<h2>Your Score: "+score+" / "+quiz.length+"</h2>"+html;
document.getElementById("result").innerHTML=html;
window.scrollTo(0,document.body.scrollHeight);
}
loadQuestion();
</script>
</body>
</html>
THANKS FOR READING MY POSTS. FOLLOW MY BLOG AND SHARE YOUR FRIENDS