Você não está conectado. Conecte-se ou registre-se

Botão Reset

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

1 Botão Reset em Seg Fev 09, 2015 5:14 pm

Houdini

avatar
Membro elite

  • Descrição:
Vejam o código abaixo:

Código:

<meta http-equiv="content-type" content="text/html; charset=utf-8" /><title>Somos Mugiwara Rpg</title><link rel="icon" href="http://i69.servimg.com/u/f69/17/63/00/37/images10.png" type="image/x-icon" />    
                                            
      <div id="boxsorte">
                                                             
         <p id="fontuno">
                                       Sorteio de Cards Bronze                        
         </p>
                                                                
         <button onclick="myFunction()">
                                       Realizar Sorteio                          
         </button>
                                   
         <button onclick="myFunctionreset()">
                                       Reset                          
         </button>
                                                                
         <p id="numbers" class="num">
                                                               
         </p>
                                                               
      </div>
   <script>
function myFunctionreset() {
    document.getElementById("boxsorte").reset();
}
</script>     <script>
function myFunction() {
var numbers = [1,1,1,1,1,2,2,2,2,2,3,3,3,3,3,4,4,4,4,4,5,5,5,5,5,6,6,6,6,6,7,7,7,7,7,8,8,8,8,8,9,9,9,9,9,10];
var returns = 3;
var element = document.getElementById('numbers');

do {
   var rand = Math.floor(Math.random() * numbers.length);

   element.innerHTML += 'O card sorteado é: ' + numbers[rand] + '<br>';

   returns--;
}
while(returns > 0);
}
</script>  
<style>
#boxsorte {
webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.2);
box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.2);
padding: 10px;
width: 300px;
background: #fff;
border-radius: 10px;
height: 170px;
text-align: center;
margin: 10px;
}
#fontuno {
font-weight: bold;
font-size: 20px;
}
#ulsor {
list-style-type: none;
display: inline-flex;
}
.num {
background: #F4F4F4;
border-radius: 10px;
padding: 10px;
height: 50px;
}
</style>
notem que o botão reset não está funcionando, vejam a seguinte linha:
Código:
<button onclick="myFunctionreset()">Reset </button>
Agora vejam o código javascript que adicionei para tentar fazer este botão funcionar:
Código:
<script>
function myFunctionreset() {
    document.getElementById("boxsorte").reset();
}
</script> 

o que falta para o mesmo funcionar?
ele deveria resetar a função para seu estado inicial...

  • Informações:
Fórum:http://somosmugiwara.forumeiros.com/Versão:PUNBB
Tipo:Pedido de códigoTags:Botão,Reset

Ver perfil do usuário

2 Re: Botão Reset em Ter Fev 10, 2015 12:40 pm

waghcwb

avatar
Membro elite

Não conheço essa função reset() ai, mas acredito que ela deva resetar um formulário, e não tem um texto...

Você deve usar o método .innerHTML para resetar o texto lá e mudar ele para uma string vazia. Assim:

Código:
<!DOCTYPE html>
<html>
   <head>
      <title>Somos Mugiwara Rpg</title>
      <meta charset="utf-8">
      <link rel="icon" href="http://i69.servimg.com/u/f69/17/63/00/37/images10.png" />
   </head>
   <body>
                                            
   <div id="boxsorte">

      <p id="fontuno">Sorteio de Cards Bronze</p>

      <button onclick="randNumber()">Realizar Sorteio</button>
      <button onclick="doReset()">Reset</button>

      <p id="numbers" class="num"></p>
                                                              
   </div>

   <script>
   function randNumber()
   {
      var numbers = [1,1,1,1,1,2,2,2,2,2,3,3,3,3,3,4,4,4,4,4,5,5,5,5,5,6,6,6,6,6,7,7,7,7,7,8,8,8,8,8,9,9,9,9,9,10];
      var returns = 3;
      var element = document.getElementById('numbers');

      element.innerHTML = '';

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

   function doReset()
   {
      var element = document.getElementById('numbers');
      return element.innerHTML = '';
   }
   </script>
   <style type="text/css">
   #boxsorte {
     webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.2);
     box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.2);
     padding: 10px;
     width: 300px;
     background: #fff;
     border-radius: 10px;
     height: 170px;
     text-align: center;
     margin: 10px;
   }

   #fontuno {
     font-weight: bold;
     font-size: 20px;
   }

   #ulsor {
     list-style-type: none;
     display: inline-flex;
   }

   .num {
     background: #F4F4F4;
     border-radius: 10px;
     padding: 10px;
     height: 50px;
   }
   </style>
   </body>
</html>

Resultado:
Somos Mugiwara Rpg



"May the force be with you, young grasshopper!"




Não há assuntos pouco interessantes; apenas há pessoas pouco interessadas.
Ver perfil do usuário

3 Re: Botão Reset em Qua Fev 11, 2015 8:06 am

Houdini

avatar
Membro elite

Perfeito cara, exatamente como queria......

Thanks.

#Agradecido

Ver perfil do usuário

Conteúdo patrocinado


Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum