Advertisement
Pedromaia26

Teste_Totoloto

Dec 10th, 2018
110
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.54 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Sorteio</title>
  5. <style type="text/css">
  6. table{
  7. border: 1px solid black;
  8. width: 450px;
  9. height: 25px;
  10. margin: auto;
  11. border-radius: 5px;
  12. text-align: center;
  13. }
  14.  
  15.  
  16.  
  17. .off{
  18. background-color: white;
  19. }
  20. .on{
  21. background-color: lightblue;
  22. }
  23. p{
  24. text-align: center;
  25. }
  26. </style>
  27. </head>
  28. <body>
  29. <table>
  30. <tr>
  31. <td class="off" id="1" onclick="marca('1');">1</td>
  32. <td class="off" id="2" onclick="marca('2');">2</td>
  33. <td class="off" id="3" onclick="marca('3');">3</td>
  34. <td class="off" id="4" onclick="marca('4');">4</td>
  35. <td class="off" id="5" onclick="marca('5');">5</td>
  36. <td class="off" id="6" onclick="marca('6');">6</td>
  37. <td class="off" id="7" onclick="marca('7');">7</td>
  38. </tr>
  39. <tr>
  40. <td class="off" id="8" onclick="marca('8');">8</td>
  41. <td class="off" id="9" onclick="marca('9');">9</td>
  42. <td class="off" id="10" onclick="marca('10');">10</td>
  43. <td class="off" id="11" onclick="marca('11');">11</td>
  44. <td class="off" id="12" onclick="marca('12');">12</td>
  45. <td class="off" id="13" onclick="marca('13');">13</td>
  46. <td class="off" id="14" onclick="marca('14');">14</td>
  47. </tr>
  48. <tr>
  49. <td class="off" id="15" onclick="marca('15');">15</td>
  50. <td class="off" id="16" onclick="marca('16');">16</td>
  51. <td class="off" id="17" onclick="marca('17');">17</td>
  52. <td class="off" id="18" onclick="marca('18');">18</td>
  53. <td class="off" id="19" onclick="marca('19');">19</td>
  54. <td class="off" id="20" onclick="marca('20');">20</td>
  55. <td class="off" id="21" onclick="marca('21');">21</td>
  56. </tr>
  57. <tr>
  58. <td class="off" id="22" onclick="marca('22');">22</td>
  59. <td class="off" id="23" onclick="marca('23');">23</td>
  60. <td class="off" id="24" onclick="marca('24');">24</td>
  61. <td class="off" id="25" onclick="marca('25');">25</td>
  62. <td class="off" id="26" onclick="marca('26');">26</td>
  63. <td class="off" id="27" onclick="marca('27');">27</td>
  64. <td class="off" id="28" onclick="marca('28');">28</td>
  65. </tr>
  66. <tr>
  67. <td class="off" id="29" onclick="marca('29');">29</td>
  68. <td class="off" id="30" onclick="marca('30');">30</td>
  69. <td class="off" id="31" onclick="marca('31');">31</td>
  70. <td class="off" id="32" onclick="marca('32');">32</td>
  71. <td class="off" id="33" onclick="marca('33');">33</td>
  72. <td class="off" id="34" onclick="marca('34');">34</td>
  73. <td class="off" id="35" onclick="marca('35');">35</td>
  74. </tr>
  75. <tr>
  76. <td class="off" id="36" onclick="marca('36');">36</td>
  77. <td class="off" id="37" onclick="marca('37');">37</td>
  78. <td class="off" id="38" onclick="marca('38');">38</td>
  79. <td class="off" id="39" onclick="marca('39');">39</td>
  80. <td class="off" id="40" onclick="marca('40');">40</td>
  81. <td class="off" id="41" onclick="marca('41');">41</td>
  82. <td class="off" id="42" onclick="marca('42');">42</td>
  83. </tr>
  84. <tr>
  85. <td class="off" id="43" onclick="marca('43');">43</td>
  86. <td class="off" id="44" onclick="marca('44');">44</td>
  87. <td class="off" id="45" onclick="marca('45');">45</td>
  88. <td class="off" id="46" onclick="marca('46');">46</td>
  89. <td class="off" id="47" onclick="marca('47');">47</td>
  90. <td class="off" id="48" onclick="marca('48');">48</td>
  91. <td class="off" id="49" onclick="marca('49');">49</td>
  92. </tr>
  93. </table>
  94. <p><input type="button" name="verificar" onclick="sortear();" value="Sorteio"></p>
  95. <p><input type="button" name="verificar" onclick="verifica();" value="Verificar"></p>
  96. <table>
  97. <tr>
  98. <td>A Sua Chave:</td>
  99. <td>Sorteada:</td>
  100. </tr>
  101. <tr>
  102. <td id="sorteada"></td>
  103. <td id="chaveA"></td>
  104. </tr>
  105. </table>
  106.  
  107. <script type="text/javascript">
  108. var ta=0;
  109.  
  110. var c=0;
  111. var sort;
  112. var sorteio=new Array(49);
  113. var chave = new Array(6);
  114. function iniciar(){
  115. for(i=1;i<=49;i++){
  116. sorteio[i]=0;
  117. }
  118. for(i=1;i<=6;i++){
  119. chave[i]=0;
  120. }
  121. }
  122. function marca(x){
  123. if (c<6 || document.getElementById(x).className=='on') {
  124. if (document.getElementById(x).className=='off') {
  125. document.getElementById(x).className='on';
  126. c++;
  127. sorteio[x]=1;
  128. console.log(sorteio);
  129. }
  130. else {
  131. document.getElementById(x).className='off';
  132. sorteio[x]=0;
  133. c--;
  134.  
  135. }
  136. }
  137. else
  138. alert('Ja escolheu 6 valores');
  139.  
  140. }
  141. function sortear(){
  142.  
  143. for(i=1;i<=6;i++){
  144. do{
  145. sort=Math.floor((Math.random()*49)+1);
  146. z=1;
  147. while (z<=i && sort!=chave[z])
  148. z++;
  149.  
  150. }while(sort==chave[z])
  151. chave[i]=sort;
  152. console.log(chave)
  153.  
  154. }
  155. }
  156. function verifica(){
  157.  
  158. for (i=1;i<=6;i++){
  159. if (sorteio[chave[i]]==1) {
  160. ta=ta+1;
  161. alert('Acertou no: '+ chave[i]);
  162. }
  163. document.getElementById('chaveA').innerHTML=document.getElementById('chaveA').innerHTML + "&nbsp;&nbsp;&nbsp;" + chave[i];
  164. }
  165.  
  166.  
  167. for(j=1;j<=49;j++){
  168. if(sorteio[j]>0){
  169. document.getElementById('sorteada').innerHTML=document.getElementById('sorteada').innerHTML + "&nbsp;&nbsp;&nbsp;" + j;
  170. }
  171. }
  172.  
  173. alert('total acertos: '+ ta);
  174. ta=0;
  175.  
  176. }
  177.  
  178. iniciar();
  179.  
  180. console.log(sorteio);
  181.  
  182.  
  183. </script>
  184.  
  185.  
  186. </body>
  187. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement