Detalhes da questão

Endereço do fórum: http://somosmugiwara.forumeiros.com
Versão do fórum: PunBB

Descrição

Vejam o código abaixo.
É o código de vários dados diferentes, gostaria apenas de duas modificações. Seria que eu pudesse colocar o número de sorteios para cada dado e que os números sorteados aparecessem somados..

Código:


<title>Rolador de Dados</title>      <meta charset="utf-8" />      <link rel="icon" href="http://i69.servimg.com/u/f69/17/63/00/37/images10.png" />   
<center>
                       <img src="http://i.imgur.com/lIBeW7X.png" style="height: 85px;" />
</center>
                   
<h3 class="titu">
                       Rolador de Dados                   
</h3>
                                                               
<ul id="ulsor">
                                                                    
   <li>
                                                                       
      <div id="boxsorte">
                                                                                    
         <p id="fontuno">
                                              Dado 1D6                                 
         </p>
                                                                                    
         <button class="butsor" onclick="randNumber()">
                                              Realizar Sorteio                                 
         </button>
                                                                                    
         <button class="butres" onclick="doReset()">
                                              Reset                                 
         </button>
                                                                                    
         <p id="numbers" class="num">
                                                                               
         </p>
                                                                                                                                                
      </div>
                                                                       
   </li>
                                                                      
   <li>
                                                                       
      <div id="boxsorte">
                                                                                    
         <p id="fontuno">
                                              Dado 1D10                                 
         </p>
                                                                                    
         <button class="butsor" onclick="randNumber1()">
                                              Realizar Sorteio                                 
         </button>
                                                                                    
         <button class="butres" onclick="doReset1()">
                                              Reset                                 
         </button>
                                                                                    
         <p id="numbers1" class="num">
                                                                               
         </p>
                                                                                                                                                
      </div>
                                                                       
   </li>
                                                                      
   <li>
                                                                       
      <div id="boxsorte">
                                                                                    
         <p id="fontuno">
                                              Dado 1D20                                 
         </p>
                                                                                    
         <button class="butsor" onclick="randNumber2()">
                                              Realizar Sorteio                                 
         </button>
                                                                                    
         <button class="butres" onclick="doReset2()">
                                              Reset                                 
         </button>
                                                                                    
         <p id="numbers2" class="num">
                                                                               
         </p>
                                                                                                                                                
      </div>
                                                                       
   </li>
                                                                      
</ul>
<ul id="ulsor">
                                                                    
   <li>
                                                                       
      <div id="boxsorte">
                                                                                    
         <p id="fontuno">
                                              Dado 1D50                                 
         </p>
                                                                                    
         <button class="butsor" onclick="randNumber3()">
                                              Realizar Sorteio                                 
         </button>
                                                                                    
         <button class="butres" onclick="doReset3()">
                                              Reset                                 
         </button>
                                                                                    
         <p id="numbers3" class="num">
                                                                               
         </p>
                                                                                                                                                
      </div>
                                                                       
   </li>
                                                                      
   <li>
                                                                       
      <div id="boxsorte">
                                                                                    
         <p id="fontuno">
                                              Dado 1D100                                 
         </p>
                                                                                    
         <button class="butsor" onclick="randNumber4()">
                                              Realizar Sorteio                                 
         </button>
                                                                                    
         <button class="butres" onclick="doReset4()">
                                              Reset                                 
         </button>
                                                                                    
         <p id="numbers4" class="num">
                                                                               
         </p>
                                                                                                                                                
      </div>
                                                                       
   </li>
</ul><script>
/* 1d6 */

  function randNumber()
  {
      var numbers = [1,2,3,4,5,6];
      var returns = 1;
      var element = document.getElementById('numbers');

      element.innerHTML = '';

      do {
        var rand = Math.floor(Math.random() * numbers.length);
        element.innerHTML += 'O valor sorteado é: ' + numbers[rand] + '<br>';
        returns--;
      }
      while(returns > 0);
  }

  function doReset()
  {
      var element = document.getElementById('numbers');
      return element.innerHTML = '';
  }
  </script> <script>
/* 1d10 */

  function randNumber1()
  {
      var numbers1 = [1,2,3,4,5,6,7,8,9,10];
      var returns = 1;
      var element = document.getElementById('numbers1');

      element.innerHTML = '';

      do {
        var rand = Math.floor(Math.random() * numbers1.length);
        element.innerHTML += 'O valor sorteado é: ' + numbers1[rand] + '<br>';
        returns--;
      }
      while(returns > 0);
  }

  function doReset1()
  {
      var element = document.getElementById('numbers1');
      return element.innerHTML = '';
  }
  </script><script>
/* 1d20 */

  function randNumber2()
  {
      var numbers2 = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20];
      var returns = 1;
      var element = document.getElementById('numbers2');

      element.innerHTML = '';

      do {
        var rand = Math.floor(Math.random() * numbers2.length);
        element.innerHTML += 'O valor sorteado é: ' + numbers2[rand] + '<br>';
        returns--;
      }
      while(returns > 0);
  }

  function doReset2()
  {
      var element = document.getElementById('numbers2');
      return element.innerHTML = '';
  }
  </script> <script>
/* 1d50 */

  function randNumber3()
  {
      var numbers3 = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50];
      var returns = 1;
      var element = document.getElementById('numbers3');

      element.innerHTML = '';

      do {
        var rand = Math.floor(Math.random() * numbers3.length);
        element.innerHTML += 'O valor sorteado é: ' + numbers3[rand] + '<br>';
        returns--;
      }
      while(returns > 0);
  }

  function doReset3()
  {
      var element = document.getElementById('numbers3');
      return element.innerHTML = '';
  }
  </script><script>
/* 1d100 */

  function randNumber4()
  {
      var numbers4 = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,71,72,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100];
      var returns = 1;
      var element = document.getElementById('numbers4');

      element.innerHTML = '';

      do {
        var rand = Math.floor(Math.random() * numbers4.length);
        element.innerHTML += 'O valor sorteado é: ' + numbers4[rand] + '<br>';
        returns--;
      }
      while(returns > 0);
  }

  function doReset4()
  {
      var element = document.getElementById('numbers4');
      return element.innerHTML = '';
  }
  </script>  <style type="text/css">
  #boxsorte {
box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
    padding: 10px;
    width: 300px;
    background: #fff;
    border-radius: 10px;
    height: 90px;
    text-align: center;
    margin: 10px;
  }
  #fontuno {
      font-weight: bold;
    font-size: 20px;
    display: block;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
  }
  #ulsor {
    list-style-type: none;
    display: inline-flex;
    margin-left: 100px;
  }
.num {
background: #F4F4F4;
    border-radius: 10px;
    padding: 10px;
    height: 20px;
    color: #333;
    font-style: italic;
    display: block;
    -webkit-margin-before: 5px;
    -webkit-margin-after: 5px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
.butsor {
padding: 5px 10px;
background: #5AAD00;
color: #fff;
border-radius: 5px;
border: 2px solid #4C9101;
text-transform: uppercase;
font-weight: bold;
font-size: 11px;
cursor: pointer;
}
.butres {
padding: 5px 10px;
background: #AD0000;
color: #fff;
border-radius: 5px;
border: 2px solid #910101;
text-transform: uppercase;
font-weight: bold;
font-size: 11px;
cursor: pointer;
}
.titu {
text-align: center;
font-size: 30px;
font-weight: bold;
}
body {
width: 1300px;
}</style>


Ps: Fiz uma imagem demonstrando o que quero.

Bom dia,

Aquele número 2 é o que?
Qual é o valor máximo e mínimo?

O número 2 é a quantidade de sorteios que deve ser realizado, ou seja, seria um sorteio de 2d6. Pode ser um intervalo entre 1 e 20. O importante é que o usuário possa escolher quantos sorteios ele deseja realizar.

Postando apenas para não fecharem o tópico.
Ainda fico no aguardo.

Olá @Connor R. !

Nesse caso não será necessários todos os dados, só 1 certo?
Veja se é isto:

Código:

<br />
<title>Rolador de Dados</title>      <meta charset="utf-8" />      <link rel="icon" href="http://i69.servimg.com/u/f69/17/63/00/37/images10.png" />   
<center>
                      <img src="http://i.imgur.com/lIBeW7X.png" style="height: 85px;" />
</center>
                   
<h3 class="titu">
                      Rolador de Dados                   
</h3>
<center>                                                     
<ul id="ulsor">
                                                                   
  <li>
                                                                       
      <div id="boxsorte">
                                                                                   
        <p id="fontuno">
                                              Dado 1D6                                 
        </p>
                                                                                   
        <button class="butsor" onclick="randNumber()">
                                              Realizar Sorteio                                 
        </button>
                                                                                   
        <button class="butres" onclick="doReset()">
                                              Reset                                 
        </button>
                                                                                   
        <p id="numbers" class="num">
                                                                               
        </p>
                                                                                                                                               
      </div>
                                                                       
  </li>
                                                                     
                                                                     
</ul>
</center> 
<script>
/* 1d6 */

  function randNumber()
  {
      var numbers = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20];
      var returns = 1;
      var element = document.getElementById('numbers');

      element.innerHTML = '';

      do {
        var rand = Math.floor(Math.random() * numbers.length);
   var rand2 = Math.floor(Math.random() * numbers.length);
        element.innerHTML += 'O valor sorteado é: ' + numbers[rand] + ', ' + numbers[rand2] + '<br>';
        returns--;
      }
      while(returns > 0);
  }

  function doReset()
  {
      var element = document.getElementById('numbers');
      return element.innerHTML = '';
  }
  </script>  <style type="text/css">
  #boxsorte {
box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
    padding: 10px;
    width: 300px;
    background: #fff;
    border-radius: 10px;
    text-align: center;
    margin: 10px;
  }
  #fontuno {
      font-weight: bold;
    font-size: 20px;
    display: block;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
      padding: 10px;
  }
  #ulsor {
    list-style-type: none;
    display: inline-flex;
    margin-left: 100px;
  }
.num {
background: #F4F4F4;
    border-radius: 10px;
    padding: 10px;
    height: 20px;
    color: #333;
    font-style: italic;
    display: block;
    -webkit-margin-before: 5px;
    -webkit-margin-after: 5px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
.butsor {
padding: 5px 10px;
background: #5AAD00;
color: #fff;
border-radius: 5px;
border: 2px solid #4C9101;
text-transform: uppercase;
font-weight: bold;
font-size: 11px;
cursor: pointer;
}
.butres {
padding: 5px 10px;
background: #AD0000;
color: #fff;
border-radius: 5px;
border: 2px solid #910101;
text-transform: uppercase;
font-weight: bold;
font-size: 11px;
cursor: pointer;
}
.titu {
text-align: center;
font-size: 30px;
font-weight: bold;
}
body {
width: 1300px;
}</style>

Até.

Não não, quero definir o número dos sorteios. Quantos sorteios serão realizados.
No seu código estão sendo sorteados apenas dois números.

Observe abaixo. Onde está escrito o número de sorteio seria onde eu introduziria o valor e seria sorteado com base nesse valor dado, como mostra a imagem. Por fim estes números seriam mostrados somados.

Olá!

Seria isto?

Código:

<br /><br />
<title>Rolador de Dados</title>      <meta charset="utf-8" />      <link rel="icon" href="http://i69.servimg.com/u/f69/17/63/00/37/images10.png" />   
<center>
                      <img src="http://i.imgur.com/lIBeW7X.png" style="height: 85px;" />
</center>
                   
<h3 class="titu">
                      Rolador de Dados                   
</h3>
<center>                                                     
<ul id="ulsor">
                                                                   
  <li>
                                                                       
      <div id="boxsorte">
                                                                                   
        <p id="fontuno">
                                              Dado 1D6                                 
        </p>
                                                                                   
        <button class="butsor" onclick="randNumber()">
                                              Realizar Sorteio                                 
        </button>
                                                                                   
        <button class="butres" onclick="doReset()">
                                              Reset                                 
        </button>
                                                                                   
        <p id="numbers" class="num">
                                                                               
        </p>
        <p id="total">
         
        </p>                                                                                                                                 
      </div>
                                                                       
  </li>
                                                                     
                                                                     
</ul>
</center> 
<script>
/* 1d6 */
 
  function randNumber()
  {
      var numbers = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20];
      var returns = 1;
      var element = document.getElementById('numbers');
      var eletotal = document.getElementById('total');
 
      element.innerHTML = '';
 
      do {
        var rand = Math.floor(Math.random() * numbers.length);
  var rand2 = Math.floor(Math.random() * numbers.length);
        element.innerHTML += 'O valor sorteado é: ' + numbers[rand] + ', ' + numbers[rand2] + '<br>';
  var total = (numbers[rand]+numbers[rand2])
  eletotal.innerHTML = '<strong>Total:</strong> ' + total + '<br>';
        returns--;
      }
      while(returns > 0);
  }
 
  function doReset()
  {
      var element = document.getElementById('numbers');
      return element.innerHTML = '';
  }
  </script>  <style type="text/css">
  #boxsorte {
box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
    padding: 10px;
    width: 300px;
    background: #fff;
    border-radius: 10px;
    text-align: center;
    margin: 10px;
  }
  #fontuno {
      font-weight: bold;
    font-size: 20px;
    display: block;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
      padding: 10px;
  }
  #ulsor {
    list-style-type: none;
    display: inline-flex;
    margin-left: 100px;
  }
.num {
background: #F4F4F4;
    border-radius: 10px;
    padding: 10px;
    height: 20px;
    color: #333;
    font-style: italic;
    display: block;
    -webkit-margin-before: 5px;
    -webkit-margin-after: 5px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
.butsor {
padding: 5px 10px;
background: #5AAD00;
color: #fff;
border-radius: 5px;
border: 2px solid #4C9101;
text-transform: uppercase;
font-weight: bold;
font-size: 11px;
cursor: pointer;
}
.butres {
padding: 5px 10px;
background: #AD0000;
color: #fff;
border-radius: 5px;
border: 2px solid #910101;
text-transform: uppercase;
font-weight: bold;
font-size: 11px;
cursor: pointer;
}
.titu {
text-align: center;
font-size: 30px;
font-weight: bold;
}
body {
width: 1300px;
}</style>

Até.

Ficou muito bom mesmo, ainda faltava a parte de escolher o número de sorteios, mas estou satisfeito já. Thanks cara.