API tools faq
paste
andreisophie

Quiz JS

andreisophie
Oct 19th, 2018
129
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
JavaScript 3.34 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.     <body>
  3.         <div id="demo"></div>
  4.         <script>
  5.             function question (enunt, rasp1, rasp2, rasp3, raspcorect) {
  6.                 this.enunt=enunt;
  7.                 this.rasp1=rasp1;
  8.                 this.rasp2=rasp2;
  9.                 this.rasp3=rasp3;
  10.                 this.raspcorect=raspcorect;
  11.             } //object constructor
  12.             var punctaj=0;
  13.             var parent=document.getElementById("demo");
  14.             var paraq1,textq1,butonq1_1,butonq1_2,butonq1_3,answerq1_1,answerq1_2,answerq1_3;
  15.             var random=Math.ceil(Math.random()*5); //numar aleator de la 1 la 5
  16.             switch (random) {
  17.                 case 1:
  18.                     var q1= new question ("Care este scrierea in baza 2 a numarului 17?", "10101", "10001", "10011", 2);
  19.                     break;
  20.                 case 2:
  21.                     var q1= new question ("Care este scrierea in baza 2 a numarului 21?", "10000", "11000", "10101", 3);
  22.                     break;
  23.                 case 3:
  24.                     var q1= new question ("Care este scrierea in baza 2 a numarului 20?", "10101", "10010", "10100", 3);
  25.                     break;
  26.                 case 4:
  27.                     var q1= new question ("Care este scrierea in baza 2 a numarului 30?", "11111", "11110", "10111", 2);
  28.                     break;
  29.                 case 5:
  30.                     var q1= new question ("Care este scrierea in baza 2 a numarului 25?", "11001", "10011", "10101", 1);
  31.                     break;
  32.                 default:
  33.                     document.write("Te rog reincarca pagina");
  34.             } //sa fie diferita intrebarea la fiecare incarcare
  35.             paraq1=document.createElement("p"); //creez element de tip paragraf pentru intrebarea 1
  36.             textq1=document.createTextNode(q1.enunt); //creez textul pt intrebarea 1 si ii dau valoarea aleasa mai sus
  37.             butonq1_1=document.createElement("button");
  38.             butonq1_2=document.createElement("button");
  39.             butonq1_3=document.createElement("button");
  40.             answerq1_1=document.createTextNode(q1.rasp1);
  41.             answerq1_2=document.createTextNode(q1.rasp2);
  42.             answerq1_3=document.createTextNode(q1.rasp3);
  43.             butonq1_1.appendChild(answerq1_1);
  44.             butonq1_2.appendChild(answerq1_2);
  45.             butonq1_3.appendChild(answerq1_3);
  46.             paraq1.appendChild(textq1);
  47.             paraq1.appendChild(butonq1_1);
  48.             paraq1.appendChild(butonq1_2);
  49.             paraq1.appendChild(butonq1_3);
  50.             butonq1_1.onclick=function(){verif1_1()};
  51.             butonq1_2.onclick=function(){verif1_2()};
  52.             butonq1_3.onclick=function(){verif1_3()};
  53.             function verif1_1() {
  54.                 if (q1.raspcorect == 1)
  55.                 {
  56.                     var corect1=document.createTextNode("Corect");
  57.                     punctaj++;
  58.                 }
  59.                 else
  60.                     var corect1=document.createTextNode("Gresit");
  61.                 paraq1.removeChild(butonq1_1);
  62.                 paraq1.removeChild(butonq1_2);
  63.                 paraq1.removeChild(butonq1_3);
  64.                 paraq1.appendChild(corect1);
  65.             }
  66.             function verif1_2() {
  67.                 if (q1.raspcorect == 2)
  68.                 {
  69.                     var corect1=document.createTextNode("Corect");
  70.                     punctaj++;
  71.                 }
  72.                 else
  73.                     var corect1=document.createTextNode("Gresit");
  74.                 paraq1.removeChild(butonq1_1);
  75.                 paraq1.removeChild(butonq1_2);
  76.                 paraq1.removeChild(butonq1_3);
  77.                 paraq1.appendChild(corect1);
  78.             }
  79.             function verif1_3() {
  80.                 if (q1.raspcorect == 3)
  81.                 {
  82.                     var corect1=document.createTextNode("Corect");
  83.                     punctaj++;
  84.                 }
  85.                 else
  86.                     var corect1=document.createTextNode("Gresit");
  87.                 paraq1.removeChild(butonq1_1);
  88.                 paraq1.removeChild(butonq1_2);
  89.                 paraq1.removeChild(butonq1_3);
  90.                 paraq1.appendChild(corect1);
  91.             }
  92.             parent.appendChild(paraq1); //fac arborele DOM
  93.         </script>
  94.     </body>
  95. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!