Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <title>Sorteio</title>
- <style type="text/css">
- table{
- border: 1px solid black;
- width: 450px;
- height: 25px;
- margin: auto;
- border-radius: 5px;
- text-align: center;
- }
- .off{
- background-color: white;
- }
- .on{
- background-color: lightblue;
- }
- p{
- text-align: center;
- }
- </style>
- </head>
- <body>
- <table>
- <tr>
- <td class="off" id="1" onclick="marca('1');">1</td>
- <td class="off" id="2" onclick="marca('2');">2</td>
- <td class="off" id="3" onclick="marca('3');">3</td>
- <td class="off" id="4" onclick="marca('4');">4</td>
- <td class="off" id="5" onclick="marca('5');">5</td>
- <td class="off" id="6" onclick="marca('6');">6</td>
- <td class="off" id="7" onclick="marca('7');">7</td>
- </tr>
- <tr>
- <td class="off" id="8" onclick="marca('8');">8</td>
- <td class="off" id="9" onclick="marca('9');">9</td>
- <td class="off" id="10" onclick="marca('10');">10</td>
- <td class="off" id="11" onclick="marca('11');">11</td>
- <td class="off" id="12" onclick="marca('12');">12</td>
- <td class="off" id="13" onclick="marca('13');">13</td>
- <td class="off" id="14" onclick="marca('14');">14</td>
- </tr>
- <tr>
- <td class="off" id="15" onclick="marca('15');">15</td>
- <td class="off" id="16" onclick="marca('16');">16</td>
- <td class="off" id="17" onclick="marca('17');">17</td>
- <td class="off" id="18" onclick="marca('18');">18</td>
- <td class="off" id="19" onclick="marca('19');">19</td>
- <td class="off" id="20" onclick="marca('20');">20</td>
- <td class="off" id="21" onclick="marca('21');">21</td>
- </tr>
- <tr>
- <td class="off" id="22" onclick="marca('22');">22</td>
- <td class="off" id="23" onclick="marca('23');">23</td>
- <td class="off" id="24" onclick="marca('24');">24</td>
- <td class="off" id="25" onclick="marca('25');">25</td>
- <td class="off" id="26" onclick="marca('26');">26</td>
- <td class="off" id="27" onclick="marca('27');">27</td>
- <td class="off" id="28" onclick="marca('28');">28</td>
- </tr>
- <tr>
- <td class="off" id="29" onclick="marca('29');">29</td>
- <td class="off" id="30" onclick="marca('30');">30</td>
- <td class="off" id="31" onclick="marca('31');">31</td>
- <td class="off" id="32" onclick="marca('32');">32</td>
- <td class="off" id="33" onclick="marca('33');">33</td>
- <td class="off" id="34" onclick="marca('34');">34</td>
- <td class="off" id="35" onclick="marca('35');">35</td>
- </tr>
- <tr>
- <td class="off" id="36" onclick="marca('36');">36</td>
- <td class="off" id="37" onclick="marca('37');">37</td>
- <td class="off" id="38" onclick="marca('38');">38</td>
- <td class="off" id="39" onclick="marca('39');">39</td>
- <td class="off" id="40" onclick="marca('40');">40</td>
- <td class="off" id="41" onclick="marca('41');">41</td>
- <td class="off" id="42" onclick="marca('42');">42</td>
- </tr>
- <tr>
- <td class="off" id="43" onclick="marca('43');">43</td>
- <td class="off" id="44" onclick="marca('44');">44</td>
- <td class="off" id="45" onclick="marca('45');">45</td>
- <td class="off" id="46" onclick="marca('46');">46</td>
- <td class="off" id="47" onclick="marca('47');">47</td>
- <td class="off" id="48" onclick="marca('48');">48</td>
- <td class="off" id="49" onclick="marca('49');">49</td>
- </tr>
- </table>
- <p><input type="button" name="verificar" onclick="sortear();" value="Sorteio"></p>
- <p><input type="button" name="verificar" onclick="verifica();" value="Verificar"></p>
- <table>
- <tr>
- <td>A Sua Chave:</td>
- <td>Sorteada:</td>
- </tr>
- <tr>
- <td id="sorteada"></td>
- <td id="chaveA"></td>
- </tr>
- </table>
- <script type="text/javascript">
- var ta=0;
- var c=0;
- var sort;
- var sorteio=new Array(49);
- var chave = new Array(6);
- function iniciar(){
- for(i=1;i<=49;i++){
- sorteio[i]=0;
- }
- for(i=1;i<=6;i++){
- chave[i]=0;
- }
- }
- function marca(x){
- if (c<6 || document.getElementById(x).className=='on') {
- if (document.getElementById(x).className=='off') {
- document.getElementById(x).className='on';
- c++;
- sorteio[x]=1;
- console.log(sorteio);
- }
- else {
- document.getElementById(x).className='off';
- sorteio[x]=0;
- c--;
- }
- }
- else
- alert('Ja escolheu 6 valores');
- }
- function sortear(){
- for(i=1;i<=6;i++){
- do{
- sort=Math.floor((Math.random()*49)+1);
- z=1;
- while (z<=i && sort!=chave[z])
- z++;
- }while(sort==chave[z])
- chave[i]=sort;
- console.log(chave)
- }
- }
- function verifica(){
- for (i=1;i<=6;i++){
- if (sorteio[chave[i]]==1) {
- ta=ta+1;
- alert('Acertou no: '+ chave[i]);
- }
- document.getElementById('chaveA').innerHTML=document.getElementById('chaveA').innerHTML + " " + chave[i];
- }
- for(j=1;j<=49;j++){
- if(sorteio[j]>0){
- document.getElementById('sorteada').innerHTML=document.getElementById('sorteada').innerHTML + " " + j;
- }
- }
- alert('total acertos: '+ ta);
- ta=0;
- }
- iniciar();
- console.log(sorteio);
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement