आपका पहला इंटरैक्टिव क्विज़ ऐप
आपका पहला इंटरैक्टिव क्विज़ ऐप
लेक्चर एकतरफा होता है। क्विज़ एक बातचीत है।
जो छात्र खुद को परखते हैं, वे सिर्फ दोबारा पढ़ने वालों की तुलना में 50% अधिक याद रखते हैं। इस पाठ में आप एक असली, क्लिक करने योग्य क्विज़ ऐप बनाएंगे — एक सवाल, क्लिक करने पर हरे या लाल रंग में जलने वाले जवाब के विकल्प, एक स्कोर काउंटर, और एक परिणाम संदेश। यह ब्राउज़र में चलता है। कोई फ्रेमवर्क नहीं, कोई बैकएंड नहीं। बस HTML + थोड़ा सा JavaScript।
निर्देश
एक <h1> जोड़ें अपने क्विज़ के शीर्षक के साथ — यह क्विज़ किस विषय पर है?
संकेत: कोशिश करें: `<h1 class="text-3xl font-bold text-white mb-2">Quick Knowledge Check</h1>`
एक <div class="question"> जोड़ें जिसमें क्विज़ का सवाल हो
कम से कम 3 जवाब के <button class="answer-btn"> एलिमेंट जोड़ें। सही जवाब को data-correct="true" से चिह्नित करें
नीचे एक <div class="score-counter"> जोड़ें जो "Score: 0" दिखाए — स्टार्टर JavaScript सही जवाब क्लिक होने पर इसे अपने आप अपडेट करेगा
आपका कोड
इस स्टेप के लिए आप जो बनाना चाहते हैं उसे बताएं और मैं कोड लिख दूंगा — फिर इसे अपने एडिटर में डालने के लिए Apply पर क्लिक करें। यह स्टेप: एक <h1> जोड़ें अपने क्विज़ के शीर्षक के साथ — यह क्विज़ किस विषय पर है?