Home
Mega Menu
General Knowledge
_Current Affairs
_G.K. QUIZ
_Uttarakhand G.K.
_MATH'S REASONING
ItI
_BASIC ELECTRICAL
__A.C. Motor
__D.C. Motor
_Engineering Drawing
_W.C.S.
_Employability Skills
RAILWAY
_Railway Group D Exam
_NTPC Exam
AUTOMATION
_VFD
_PLC
_SCADA
_HMI
COMPUTER
_Computer
_Digital marketing
_Programming
__Html Css Javascript
__JAVA
__Python
__Php
Learn English
Entertainment
मुख्यपृष्ठ
Html Css Javascript
How to make quiz application
How to make quiz application
Technical Future 24
मई 13, 2020
How to make quiz application by using HTML, css and JavaScript :-
Live demo quiz :-
Basic Electrical Quiz
Question-1
इलैक्ट्रोंन्स के प्रवाह को ____ कहते हैं।
(A)- धारा
(B)- विद्युत
(C)- उपकरण
(D)- ऊर्जा
Question-2
निम्न में से किसमें कोई भी चार्ज नहीं होता।
(A)- न्यूट्रोन
(B)- प्रोटोन
(C)- परमाणु
(D)- अणु
Question-3
अणु का छोटे से छोटा भाग जो रासायनिक क्रिया में भाग ले सकता है, उसे ____ कहते हैं।
(A)- इलैक्ट्रोन
(B)- पदार्थ
(C)- परमाणु
(D)- अणु
Question-4
इलैक्ट्रोन = _____ प्रोटोन
(A)- 1/9000
(B)- 1/1800
(C)- 1/1795
(D)- 1/1845
Question-5
फेज वायर को हमेशा ____ से कन्ट्रोल करना चाहिए।
(A)- तार
(B)- बल्ब
(C)- स्विच
(D)- डंडे
Question-6
उड़े फ्यूज को बदलते समय
(A)- मेन स्विच को बंद करना चाहिए।
(B)- दोष ढूंढना चाहिए।
(C)- A और B दोनों।
(D)- इनमें से कोई नहीं।
Question-7
पदार्थ के मध्य में स्थित होता है।
(A)- न्यूक्लियस
(B)- परमाणु
(C)- अणु
(D)- प्रोटोन
Question-8
बिजली को सर्वश्रेष्ठ ____ कहा जाता है।
(A)- उत्पाद
(B)- चालक
(C)- ऊर्जा
(D)- भस्म
Question-9
औरबिट और सतहों को किन अंग्रेजी अक्षरों में लिखा जाता है।
(A)- ABCD
(B)- EFGH
(C)- KLMN
(D)- PQRS
Question-10
एक कुलम्ब में कितने इलैक्ट्रोन पाए जाते हैं।
(A)- 2.69×10
18
(B)- 9.26×10
18
(C)- 10×13
10
(D)- 6.29×10
18
Html, css, javascript source code:-
<html> <br> <center> <head> <u><h2 style="color: black"> <center> Basic Electrical Quiz </center> </h2> </u> </head> <br></br> <body> <center> <button><h3> Question-1<br></br> इलैक्ट्रोंन्स के प्रवाह को ____ कहते हैं। </h3> </button> </center> <br> <style> body{ background-color: #ffccff; } button{ background-color: white; color: brown; padding:15px; border-radius:15px; border:4px solid brown; } button:hover { animation:button .3s; } @keyframes button{ 0%{background: linear-gradient(90deg, red, grey, green, white);} 33%{background: linear-gradient(90deg, white, red, grey, green);} 66%{background: linear-gradient(90deg, green, white, red, grey);} 100%{background: linear-gradient(90deg, grey, green, white, red);} } </style> <center> <button type="button1" id="button1" style= "color: white; background-color:#5c85d6 ; border-radius:30px; border-color:yellow;" onclick="setColor1('button1')";><b>(A)- धारा </b></button></center> <script>function setColor1(btn, color){ property = document.getElementById(btn); property.style.backgroundColor = "red" } </script> <br> <center> <button type="button2" id="button2" style= "color: white; background-color:#5c85d6; border-radius:30px; border-color:yellow;" onclick="setColor2('button2')";><b>(B)- विद्युत </b></button></center> <script>function setColor2(btn, color){ property= document.getElementById(btn); property.style.backgroundColor = "green" } </script> <br> <center> <button type="button3" id="button3" style= "color: white; background-color:#5c85d6 ; border-radius:30px; border-color:yellow;" onclick="setColor3('button3')";><b>(C)- उपकरण </b></button></center> <script>function setColor3(btn, color){ property = document.getElementById(btn); property.style.backgroundColor = "red" } </script> <br> <center> <button type="button4" id="button4" style= "color: white; background-color:#5c85d6; border-radius:30px; border-color:yellow;" onclick="setColor4('button4')";><b>(D)- ऊर्जा </b></button></center> <script>function setColor4(btn, color){ property=document.getElementById(btn); property.style.backgroundColor = "red" } </script> <br> <script> function chg_name() { document.getElementById('btn1').value ="Answer-(B)"; } </script> <input Style="background-color: white ; font-size:20px ; color: green; border-radius:15px; border:4px solid brown; " id="btn1" value="Show Answer" type="button" onclick="chg_name();"> <br></br> <br></br> <center> <button><h3> Question-2<br></br> निम्न में से किसमें कोई भी चार्ज नहीं होता। </h3> </button> </center> <br> <center> <button type="button1" id="button5" style= "color: white; background-color:#5c85d6 ; border-radius:30px; border-color:yellow;" onclick="setColor5('button5')";><b>(A)- न्यूट्रोन </b></button></center> <script>function setColor5(btn, color){ property = document.getElementById(btn); property.style.backgroundColor = "green" } </script> <br> <center> <button type="button2" id="button6" style= "color: white; background-color:#5c85d6; border-radius:30px; border-color:yellow;" onclick="setColor6('button6')";><b>(B)- प्रोटोन </b></button></center> <script>function setColor6(btn, color){ property= document.getElementById(btn); property.style.backgroundColor = "red" } </script> <br> <center> <button type="button3" id="button7" style= "color: white; background-color:#5c85d6 ; border-radius:30px; border-color:yellow;" onclick="setColor7('button7')";><b>(C)- परमाणु </b></button></center> <script>function setColor7(btn, color){ property = document.getElementById(btn); property.style.backgroundColor = "red" } </script> <br> <center> <button type="button4" id="button8" style= "color: white; background-color:#5c85d6; border-radius:30px; border-color:yellow;" onclick="setColor8('button8')";><b>(D)- अणु </b></button></center> <script>function setColor8(btn, color){ property=document.getElementById(btn); property.style.backgroundColor = "red" } </script> <br> <script> function showanswer2() { document.getElementById('btn2').value ="Answer-(A)"; } </script> <input Style="background-color: white ; font-size:20px ; color: green; border-radius:15px; border:4px solid brown; " id="btn2" value="Show Answer" type="button" onclick="showanswer2();"> <br></br> <br></br> <center> <button><h3> Question-3<br></br> अणु का छोटे से छोटा भाग जो रासायनिक क्रिया में भाग ले सकता है, उसे ____ कहते हैं। </h3> </button> </center> <br> <center> <button type="button1" id="button9" style= "color: white; background-color:#5c85d6 ; border-radius:30px; border-color:yellow;" onclick="setColor9('button9')";><b>(A)- इलैक्ट्रोन </b></button></center> <script>function setColor9(btn, color){ property = document.getElementById(btn); property.style.backgroundColor = "red" } </script> <br> <center> <button type="button2" id="button10" style= "color: white; background-color:#5c85d6; border-radius:30px; border-color:yellow;" onclick="setColor10('button10')";><b>(B)- पदार्थ </b></button></center> <script>function setColor10(btn, color){ property= document.getElementById(btn); property.style.backgroundColor = "red" } </script> <br> <center> <button type="button3" id="button11" style= "color: white; background-color:#5c85d6 ; border-radius:30px; border-color:yellow;" onclick="setColor11('button11')";><b>(C)- परमाणु </b></button></center> <script>function setColor11(btn, color){ property = document.getElementById(btn); property.style.backgroundColor = "green" } </script> <br> <center> <button type="button4" id="button12" style= "color: white; background-color:#5c85d6; border-radius:30px; border-color:yellow;" onclick="setColor12('button12')";><b>(D)- अणु </b></button></center> <script>function setColor12(btn, color){ property=document.getElementById(btn); property.style.backgroundColor = "red" } </script> <br> <script> function showanswer3() { document.getElementById('btn3').value ="Answer-(C)"; } </script> <input Style="background-color: white ; font-size:20px ; color: green; border-radius:15px; border:4px solid brown; " id="btn3" value="Show Answer" type="button" onclick="showanswer3();"> <br></br> <br></br> <center> <button><h3> Question-4<br></br> इलैक्ट्रोन = _____ प्रोटोन </h3> </button> </center> <br> <center> <button type="button1" id="button13" style= "color: white; background-color:#5c85d6 ; border-radius:30px; border-color:yellow;" onclick="setColor13('button13')";><b>(A)- 1/9000 </b></button></center> <script>function setColor13(btn, color){ property = document.getElementById(btn); property.style.backgroundColor = "red" } </script> <br> <center> <button type="button2" id="button14" style= "color: white; background-color:#5c85d6; border-radius:30px; border-color:yellow;" onclick="setColor14('button14')";><b>(B)- 1/1800 </b></button></center> <script>function setColor14(btn, color){ property= document.getElementById(btn); property.style.backgroundColor = "red" } </script> <br> <center> <button type="button3" id="button15" style= "color: white; background-color:#5c85d6 ; border-radius:30px; border-color:yellow;" onclick="setColor15('button15')";><b>(C)- 1/1795 </b></button></center> <script>function setColor15(btn, color){ property = document.getElementById(btn); property.style.backgroundColor = "red" } </script> <br> <center> <button type="button4" id="button16" style= "color: white; background-color:#5c85d6; border-radius:30px; border-color:yellow;" onclick="setColor16('button16')";><b>(D)- 1/1845 </b></button></center> <script>function setColor16(btn, color){ property=document.getElementById(btn); property.style.backgroundColor = "green" } </script> <br> <script> function showanswer4() { document.getElementById('btn4').value ="Answer-(D)"; } </script> <input Style="background-color: white ; font-size:20px ; color: green; border-radius:15px; border:4px solid brown; " id="btn4" value="Show Answer" type="button" onclick="showanswer4();"> <br></br> <br></br> <center> <button><h3> Question-5<br></br> फेज वायर को हमेशा ____ से कन्ट्रोल करना चाहिए। </h3> </button> </center> <br> <center> <button type="button1" id="button17" style= "color: white; background-color:#5c85d6 ; border-radius:30px; border-color:yellow;" onclick="setColor17('button17')";><b>(A)- तार </b></button></center> <script>function setColor17(btn, color){ property = document.getElementById(btn); property.style.backgroundColor = "red" } </script> <br> <center> <button type="button2" id="button18" style= "color: white; background-color:#5c85d6; border-radius:30px; border-color:yellow;" onclick="setColor18('button18')";><b>(B)- बल्ब </b></button></center> <script>function setColor18(btn, color){ property= document.getElementById(btn); property.style.backgroundColor = "red" } </script> <br> <center> <button type="button3" id="button19" style= "color: white; background-color:#5c85d6 ; border-radius:30px; border-color:yellow;" onclick="setColor19('button19')";><b>(C)- स्विच </b></button></center> <script>function setColor19(btn, color){ property = document.getElementById(btn); property.style.backgroundColor = "green" } </script> <br> <center> <button type="button4" id="button20" style= "color: white; background-color:#5c85d6; border-radius:30px; border-color:yellow;" onclick="setColor20('button20')";><b>(D)- डंडे </b></button></center> <script>function setColor20(btn, color){ property=document.getElementById(btn); property.style.backgroundColor = "red" } </script> <br> <script> function showanswer5() { document.getElementById('btn5').value ="Answer-(C)"; } </script> <input Style="background-color: white ; font-size:20px ; color: green; border-radius:15px; border:4px solid brown; " id="btn5" value="Show Answer" type="button" onclick="showanswer5();"> <br></br> <br></br> <center> <button><h3> Question-6<br></br> उड़े फ्यूज को बदलते समय </h3> </button> </center> <br> <center> <button type="button1" id="button21" style= "color: white; background-color:#5c85d6 ; border-radius:30px; border-color:yellow;" onclick="setColor21('button21')";><b>(A)- मेन स्विच को बंद करना चाहिए। </b></button></center> <script>function setColor21(btn, color){ property = document.getElementById(btn); property.style.backgroundColor = "red" } </script> <br> <center> <button type="button2" id="button22" style= "color: white; background-color:#5c85d6; border-radius:30px; border-color:yellow;" onclick="setColor22('button22')";><b>(B)- दोष ढूंढना चाहिए। </b></button></center> <script>function setColor22(btn, color){ property= document.getElementById(btn); property.style.backgroundColor = "red" } </script> <br> <center> <button type="button3" id="button23" style= "color: white; background-color:#5c85d6 ; border-radius:30px; border-color:yellow;" onclick="setColor23('button23')";><b>(C)- A और B दोनों। </b></button></center> <script>function setColor23(btn, color){ property = document.getElementById(btn); property.style.backgroundColor = "green" } </script> <br> <center> <button type="button4" id="button24" style= "color: white; background-color:#5c85d6; border-radius:30px; border-color:yellow;" onclick="setColor24('button24')";><b>(D)- इनमें से कोई नहीं। </b></button></center> <script>function setColor24(btn, color){ property=document.getElementById(btn); property.style.backgroundColor = "red" } </script> <br> <script> function showanswer6() { document.getElementById('btn6').value ="Answer-(C)"; } </script> <input Style="background-color: white ; font-size:20px ; color: green; border-radius:15px; border:4px solid brown; " id="btn6" value="Show Answer" type="button" onclick="showanswer6();"> <br></br> <br></br> <center> <button><h3> Question-7<br></br> पदार्थ के मध्य में स्थित होता है। </h3> </button> </center> <br> <center> <button type="button1" id="button25" style= "color: white; background-color:#5c85d6 ; border-radius:30px; border-color:yellow;" onclick="setColor25('button25')";><b>(A)- न्यूक्लियस </b></button></center> <script>function setColor25(btn, color){ property = document.getElementById(btn); property.style.backgroundColor = "green" } </script> <br> <center> <button type="button2" id="button26" style= "color: white; background-color:#5c85d6; border-radius:30px; border-color:yellow;" onclick="setColor26('button26')";><b>(B)- परमाणु </b></button></center> <script>function setColor26(btn, color){ property= document.getElementById(btn); property.style.backgroundColor = "red" } </script> <br> <center> <button type="button3" id="button27" style= "color: white; background-color:#5c85d6 ; border-radius:30px; border-color:yellow;" onclick="setColor27('button27')";><b>(C)- अणु </b></button></center> <script>function setColor27(btn, color){ property = document.getElementById(btn); property.style.backgroundColor = "red" } </script> <br> <center> <button type="button4" id="button28" style= "color: white; background-color:#5c85d6; border-radius:30px; border-color:yellow;" onclick="setColor28('button28')";><b>(D)- प्रोटोन </b></button></center> <script>function setColor28(btn, color){ property=document.getElementById(btn); property.style.backgroundColor = "red" } </script> <br> <script> function showanswer7() { document.getElementById('btn7').value ="Answer-(A)"; } </script> <input Style="background-color: white ; font-size:20px ; color: green; border-radius:15px; border:4px solid brown; " id="btn7" value="Show Answer" type="button" onclick="showanswer7();"> <br></br> <br></br> <center> <button><h3> Question-8<br></br> बिजली को सर्वश्रेष्ठ ____ कहा जाता है। </h3> </button> </center> <br> <center> <button type="button1" id="button29" style= "color: white; background-color:#5c85d6 ; border-radius:30px; border-color:yellow;" onclick="setColor29('button29')";><b>(A)- उत्पाद </b></button></center> <script>function setColor29(btn, color){ property = document.getElementById(btn); property.style.backgroundColor = "red" } </script> <br> <center> <button type="button2" id="button30" style= "color: white; background-color:#5c85d6; border-radius:30px; border-color:yellow;" onclick="setColor30('button30')";><b>(B)- चालक </b></button></center> <script>function setColor30(btn, color){ property= document.getElementById(btn); property.style.backgroundColor = "red" } </script> <br> <center> <button type="button3" id="button31" style= "color: white; background-color:#5c85d6 ; border-radius:30px; border-color:yellow;" onclick="setColor31('button31')";><b>(C)- ऊर्जा </b></button></center> <script>function setColor31(btn, color){ property = document.getElementById(btn); property.style.backgroundColor = "green" } </script> <br> <center> <button type="button4" id="button32" style= "color: white; background-color:#5c85d6; border-radius:30px; border-color:yellow;" onclick="setColor32('button32')";><b>(D)- भस्म </b></button></center> <script>function setColor32(btn, color){ property=document.getElementById(btn); property.style.backgroundColor = "red" } </script> <br> <script> function showanswer8() { document.getElementById('btn8').value ="Answer-(C)"; } </script> <input Style="background-color: white ; font-size:20px ; color: green; border-radius:15px; border:4px solid brown; " id="btn8" value="Show Answer" type="button" onclick="showanswer8();"> <br></br> <br></br> <center> <button><h3> Question-9<br></br> औरबिट और सतहों को किन अंग्रेजी अक्षरों में लिखा जाता है। </h3> </button> </center> <br> <center> <button type="button1" id="button33" style= "color: white; background-color:#5c85d6 ; border-radius:30px; border-color:yellow;" onclick="setColor33('button33')";><b>(A)- ABCD </b></button></center> <script>function setColor33(btn, color){ property = document.getElementById(btn); property.style.backgroundColor = "red" } </script> <br> <center> <button type="button2" id="button34" style= "color: white; background-color:#5c85d6; border-radius:30px; border-color:yellow;" onclick="setColor34('button34')";><b>(B)- EFGH </b></button></center> <script>function setColor34(btn, color){ property= document.getElementById(btn); property.style.backgroundColor = "red" } </script> <br> <center> <button type="button3" id="button35" style= "color: white; background-color:#5c85d6 ; border-radius:30px; border-color:yellow;" onclick="setColor35('button35')";><b>(C)- KLMN </b></button></center> <script>function setColor35(btn, color){ property = document.getElementById(btn); property.style.backgroundColor = "green" } </script> <br> <center> <button type="button4" id="button36" style= "color: white; background-color:#5c85d6; border-radius:30px; border-color:yellow;" onclick="setColor36('button36')";><b>(D)- PQRS </b></button></center> <script>function setColor36(btn, color){ property=document.getElementById(btn); property.style.backgroundColor = "red" } </script> <br> <script> function showanswer9() { document.getElementById('btn9').value ="Answer-(C)"; } </script> <input Style="background-color: white ; font-size:20px ; color: green; border-radius:15px; border:4px solid brown; " id="btn9" value="Show Answer" type="button" onclick="showanswer9();"> <br></br> <br></br> <center> <button><h3> Question-10<br></br> एक कुलम्ब में कितने इलैक्ट्रोन पाए जाते हैं। </h3> </button> </center> <br> <center> <button type="button1" id="button37" style= "color: white; background-color:#5c85d6 ; border-radius:30px; border-color:yellow;" onclick="setColor37('button37')";><b>(A)- 2.69×10<sup>18</sup> </b></button></center> <script>function setColor37(btn, color){ property = document.getElementById(btn); property.style.backgroundColor = "red" } </script> <br> <center> <button type="button2" id="button38" style= "color: white; background-color:#5c85d6; border-radius:30px; border-color:yellow;" onclick="setColor38('button38')";><b>(B)- 9.26×10<sup>18</sup> </b></button></center> <script>function setColor38(btn, color){ property= document.getElementById(btn); property.style.backgroundColor = "red" } </script> <br> <center> <button type="button3" id="button39" style= "color: white; background-color:#5c85d6 ; border-radius:30px; border-color:yellow;" onclick="setColor39('button39')";><b>(C)- 10×13<sup>10</sup> </b></button></center> <script>function setColor39(btn, color){ property = document.getElementById(btn); property.style.backgroundColor = "red" } </script> <br> <center> <button type="button4" id="button40" style= "color: white; background-color:#5c85d6; border-radius:30px; border-color:yellow;" onclick="setColor40('button40')";><b>(D)- 6.29×10<sup>18</sup> </b></button></center> <script>function setColor40(btn, color){ property=document.getElementById(btn); property.style.backgroundColor = "green" } </script> <br> <script> function showanswer10() { document.getElementById('btn10').value ="Answer-(D)"; } </script> <input Style="background-color: white ; font-size:20px ; color: green; border-radius:15px; border:4px solid brown; " id="btn10" value="Show Answer" type="button" onclick="showanswer10();"> </body> </center> </html>
एक टिप्पणी भेजें
0 टिप्पणियाँ
Translate
फ़ॉलोअर
यह ब्लॉग खोजें
Breaking
Home
Home
About Us
Contact Us
Privacy Policy
Terms and Conditions
Popular Posts
(शीर्षकहीन)
Drag and Drop SVG with Retry Drag SVG to Correct Drop Zones ...
(शीर्षकहीन)
Draggable and Droppable Elements Drag the elements to the correct drop zones! Drag 1 D...
(शीर्षकहीन)
Button Animation with Retry Button 1 Button 2 Start Points Retry
(शीर्षकहीन)
Button Animation with Retry Button 1 Button 2 Start Points Retry
Social Plugin
0 टिप्पणियाँ