html php

Michael Costa · Março 1, 2018

Olá pessoal!

Estou montando um sistema de mega sena e quero colocar os resultados dentro de uma tabela com todos os outros 60 números diferenciando porem com uma cor diferente.

Alguém pode me ajudar com isso.

<html lang="pt-br">
    <head>
        <meta charset="UTF-8">
        <title>Sorteio</title>
        
        <script type="text/javascript">
            var sorteados = "<?php echo $valor;?>";
            alert (sorteados);
        </script>
        
    </head>
        
             <center>
                  <font size='7' face='verdana, helvetica, arial'>
                    <b>Faça o sorteio</b>
                  </font>
            </center>
            
            <center>
                <table border='1' cellspacing='2' cellpadding='10' width="90%" align="center">
            <tbody>
                <tr>
                    <td colspan='6' align='center'>
                      <font face='verdana, helvetica, arial'><b>Os números sorteados foram:</b></font>
                    </td>
                </tr>

                    <tr>
            
                    <?php
                        $quant = 6;
                        $num = 0;
                        $sorteado = array();
                            
                        while($num < $quant){
                            $rand = mt_rand(0, 10);
                                $num + 1;
                                
                                if(!in_array($rand, $sorteado)){
                                    $sorteado[$num] = $rand;
                                    $num++;
                                }
                        }    
                    
                        sort($sorteado);
                            while(list($chave, $valor) = each($sorteado)){
                                                   
                                                            echo 
                                "<td>
                                    <center>
                                        <font size='6' face='verdana, helvetica, arial' color='#0000FF'><b>" . $valor . "</b></font>
                                    </center>
                                </td>";
                                                        
                            }

                        
                    ?>    
                    </tr>
                </tbody>
            </table>
        </center>
        </br></br>
        <table border = "1" cellspacing='2' width="40%">
            <tr>
                <td id="1">1</td>
                <td id="2">2</td>
                <td id="3">3</td>
                <td id="4">4</td>
                <td id="5">5</td>
                <td id="6">6</td>
            </tr>
            <tr>
                <td id="7">7</td>
                <td id="8">8</td>
                <td id="9">9</td>
                <td id="10">10</td>
                <td id="11">11</td>
                <td id="22">12</td>
            </tr>
            <tr>
                <td>13</td>
                <td>14</td>
                <td>15</td>
                <td>16</td>
                <td>17</td>
                <td>18</td>
            </tr>
            <tr>
                <td>19</td>
                <td>20</td>
                <td>21</td>
                <td>22</td>
                <td>23</td>
                <td>24</td>
            </tr>
            <tr>
                <td>25</td>
                <td>26</td>
                <td>27</td>
                <td>28</td>
                <td>29</td>
                <td>30</td>
            </tr>
            <tr>
                <td>31</td>
                <td>32</td>
                <td>33</td>
                <td>34</td>
                <td>35</td>
                <td>36</td>
            </tr>
            <tr>
                <td>37</td>
                <td>38</td>
                <td>39</td>
                <td>40</td>
                <td>41</td>
                <td>42</td>
            </tr>
            <tr>
                <td>43</td>
                <td>44</td>
                <td>45</td>
                <td>46</td>
                <td>47</td>
                <td>48</td>
            </tr>
            <tr>
                <td>49</td>
                <td>50</td>
                <td>51</td>
                <td>52</td>
                <td>53</td>
                <td>54</td>
            </tr>
            <tr>
                <td>55</td>
                <td>56</td>
                <td>57</td>
                <td>58</td>
                <td>59</td>
                <td>60</td>
            </tr>
        </table>
        
        
        
</html>

pwdheliosander · Março 2, 2018

deixa eu ver se entendi. Cada jogo com uma cor diferente?

Maujor · Março 2, 2018

Faça as seguintes alterações e acréscimos:

$rand = mt_rand(1, 60); /* <=== altere aqui são 60 números para sortear */

sort($sorteado);
  while(list($chave, $valor) = each($sorteado)){
   echo "<td>$valor</td>"; /* <=== altere aqui */                                                        
  }

<table border = "1" cellspacing='2' width="40%" id="todos"> <!-- acrescente id="todos" -->
<tr>
  <td id="td1">1</td> <!-- acrescente id="tdN" N = número na celula, em todas as células -->      
  <td id="td2">2</td>
  <td id="td3">3</td>
  <td id="td4">4</td>
  <td id="td5">5</td>
  <td id="td6">6</td>
</tr>
<tr>
  <td id="td7">7</td>
  <td id="td8">8</td>
  ...

Acrescente o seguinte código imediatamente antes da tag de fechamento </body>

<script type="text/javascript">      
var nSorteados = [
<?php /* cria um array JavaScript com os números sorteados */
sort($sorteado);
  while(list($chave, $valor) = each($sorteado)){
  echo "$valor, ";
      }
?>] 
  
var tabelaTodos = document.querySelector('#todos'); /* seleciona a tabela com os 60 números */
 for (var i=0; i<6; i++) { /* Percorre o array dos números sorteados */ 
  var alvo = tabelaTodos.querySelector('#td'+nSorteados[i]); /* seleciona a TD que contém o número sorteado */ 
   alvo.setAttribute("style", "font-weight:bold;color:white;background:red;text-align:center;"); /* estiliza a célula que contém o número sorteado */
 }
</script>        
</body>
</html>

Nota: Você está usando marcação HTML do século passado.

Aconselho retirar os elementos center e font e os atributos size, face, border, cellspacing, align, etc. que não mais se usa.
Use HTML5 e CSS

Veja o sorteio em ação (sem os acertos na marcação HTML) neste link

Entrar

Arquivado

html php

Pergunta

Michael Costa 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

2 respostas a esta questão

Recommended Posts

pwdheliosander 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

Maujor 144

Compartilhar este post

Link para o post

Compartilhar em outros sites

Soma dos dias utilizados

Saber se todos os produtos de uma consulta estão cadastrados no banco de dados

Ler campos com caracteres especiais no xml

Conteúdo Similar

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante