Facebook
From bartASS, 4 Years ago, written in HTML5.
Embed
Download Paste or View Raw
Hits: 226
  1. <!doctype html>
  2.         <head>
  3.                
  4.                 <meta charset="utf-8"/>
  5.                 <style>
  6.                         td
  7.                         {
  8.                                 border:3px solid #f000f0;
  9.                                 background-color:pink;
  10.                         }
  11.                         table
  12.                         {
  13.                                 margin:auto;
  14.                                 text-align:center;
  15.                                 border:3px solid #f000f0;
  16.                                 font-size:25px;
  17.                                 color:#f000f0;
  18.                         }
  19.                        
  20.                 </style>
  21.                
  22.                 <script>
  23.                         function start()
  24.                         {                      
  25.                                         liczba3=Math.round(Math.random()*2);
  26.                                         liczba4=Math.round(Math.random()*3);
  27.                                         liczba5=Math.round(Math.random()*4);
  28.                                         liczba6=Math.round(Math.random()*3);
  29.                                        
  30.                                         poprawna11=Math.round(Math.random());
  31.                                        
  32.                                         poprawna21=Math.round(Math.random()*2);
  33.                                                                                                                        
  34.                                         poprawna31=liczba3%3;
  35.                                         poprawna32=(liczba3+1)%3;
  36.                                         zla31=(liczba3+2)%3;
  37.                                        
  38.                                         poprawna41=liczba4%4;
  39.                                         poprawna42=(liczba4+1)%4;
  40.                                         zla41=(liczba4+2)%4;
  41.                                         zla42=(liczba4+3)%4;
  42.                                        
  43.                                         poprawna51=liczba5%5;
  44.                                         poprawna52=(liczba5+1)%5;
  45.                                         poprawna53=(liczba5+4)%5;
  46.                                         zla51=(liczba5+2)%5;
  47.                                         zla52=(liczba5+3)%5;
  48.                                        
  49.                                         poprawna61=liczba6%4;
  50.                                         poprawna62=(liczba6+2)%4;
  51.                                         poprawna63=(liczba6+3)%4;
  52.                                         zla61=(liczba6+1)%4;
  53.                                        
  54.                                         odpowiedzi="1."+(poprawna11+1)+'<br/>'+" 2."+(poprawna21+1)+'<br/>'+" 3."+(poprawna31+1)+","+(poprawna32+1)+'<br/>'+" 4."+(poprawna41+1)+","+(poprawna42+1)+'<br/>'+" 5."+(poprawna51+1)+","+(poprawna52+1)+","+(poprawna53+1)+'<br/>'+" 6."+(poprawna61+1)+","+(poprawna62+1)+","+(poprawna63+1);
  55.                                         document.getElementById('p1').innerHTML=odpowiedzi;
  56.                         }
  57.        
  58.                                 function sprawdz()
  59.                                 {
  60.                                         suma=0;
  61.                                         if(document.f.jeden[poprawna11].checked)        suma+=6;                                                                                        // 1.
  62.                                        
  63.                                         if(document.f.dwa[poprawna21].checked)          suma+=6;                                                                                        // 2.
  64.                                        
  65.                                         if(document.f.P1[poprawna31].checked==true && document.f.P1[zla31].checked==false) suma+=3;     // 3.
  66.                                         if(document.f.P1[poprawna32].checked==true && document.f.P1[zla31].checked==false) suma+=3;
  67.                                        
  68.                                         if(document.f.P2[zla41].checked==false && document.f.P2[zla42].checked==false)                                  // 4.
  69.                                         {
  70.                                                 if(document.f.P2[poprawna41].checked==true) suma+=3;
  71.                                                 if(document.f.P2[poprawna42].checked==true) suma+=3;
  72.                                         }
  73.                                         if(document.f.P3[zla51].checked==false && document.f.P3[zla52].checked==false)                                  // 5.
  74.                                         {
  75.                                                 if(document.f.P3[poprawna51].checked==true) suma+=2;
  76.                                                 if(document.f.P3[poprawna52].checked==true) suma+=2;
  77.                                                 if(document.f.P3[poprawna53].checked==true) suma+=2;
  78.                                         }
  79.                                         if(document.f.P4[zla61].checked==false)                                                                                                                 // 6.
  80.                                         {
  81.                                                 if(document.f.P4[poprawna61].checked==true)suma+=2;
  82.                                                 if(document.f.P4[poprawna62].checked==true)suma+=2;
  83.                                                 if(document.f.P4[poprawna63].checked==true)suma+=2;
  84.                                         }
  85.                                
  86.                                         alert("uzyskałeś "+suma/6+" punktów na 6, czyli "+(suma/36)*100+"%");
  87.                                 }
  88.                 </script>
  89.         </head>
  90.         <body onload="start()">
  91.                 <form name="f">
  92.                         <table>
  93.                                 <tr>
  94.                                         <td>1.</td>
  95.                                         <td>2.</td>
  96.                                         <td>3.</td>
  97.                                         <td>4.</td>
  98.                                         <td>5.</td>
  99.                                         <td>6.</td>
  100.                                 </tr>
  101.                                 <tr>
  102.                                         <td>
  103.                                                 <input type="radio" name="jeden"/>A<br/>
  104.                                                 <input type="radio" name="jeden"/>B<br/>
  105.                                         </td>
  106.                                         <td>
  107.                                                 <input type="radio" name="dwa"/>A<br/>
  108.                                                 <input type="radio" name="dwa"/>B<br/>
  109.                                                 <input type="radio" name="dwa"/>C<br/>
  110.                                         </td>
  111.                                         <td>
  112.                                                 <input type="checkbox" name="P1"/>A<br/>
  113.                                                 <input type="checkbox" name="P1"/>B<br/>
  114.                                                 <input type="checkbox" name="P1"/>C<br/>
  115.                                         </td>
  116.                                         <td>
  117.                                                 <input type="checkbox" name="P2"/>A<br/>
  118.                                                 <input type="checkbox" name="P2"/>B<br/>
  119.                                                 <input type="checkbox" name="P2"/>C<br/>
  120.                                                 <input type="checkbox" name="P2"/>D<br/>
  121.                                         </td>
  122.                                         <td>
  123.                                                 <input type="checkbox" name="P3"/>A<br/>
  124.                                                 <input type="checkbox" name="P3"/>B<br/>
  125.                                                 <input type="checkbox" name="P3"/>C<br/>
  126.                                                 <input type="checkbox" name="P3"/>D<br/>
  127.                                                 <input type="checkbox" name="P3"/>E<br/>
  128.                                         </td>
  129.                                         <td>
  130.                                                 <input type="checkbox" name="P4"/>A<br/>
  131.                                                 <input type="checkbox" name="P4"/>B<br/>
  132.                                                 <input type="checkbox" name="P4"/>C<br/>
  133.                                                 <input type="checkbox" name="P4"/>D<br/>
  134.                                         </td>
  135.                                 </tr>
  136.                                 <tr><td colspan="6"><input type="button" value="Sprawdź" onclick="sprawdz()"/></td></tr>
  137.                                 <tr><td colspan="6"><input type="text" id='tekst' height="200" width="200"/></td></tr>
  138.                                 <div id='div1'><p id='p1'></p></div>
  139.                         </table>
  140.                 </form>
  141.         </body>
  142. </html>