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

Desabilitar botão de sorteio ao clicar nele uma vez

Ir em baixo  Mensagem [Página 1 de 1]

Houdini

Houdini
Membro elite

[quadrado="Descrição"]Gostaria do seguinte efeito, vejam as imagens abaixo.

Botão normal.
Desabilitar botão de sorteio ao clicar nele uma vez 83d42190-eb45-4ec1-9122-3d75765b76d9

Posteriormente ao clicar para realizar o sorteio.

Desabilitar botão de sorteio ao clicar nele uma vez 3c8da330-4bf9-415b-99c6-f4a4b47c3cb2

E que o botão fosse desabilitado ao clicar uma vez.

Tenho aqui o seguinte exemplo.
https://www.w3schools.com/code/tryit.asp?filename=FSX9YATC4C7Z
Ainda falta terminar, mas estou tendo alguns problemas para realizar o desejado.
Continuarei tentando, quaisquer coisa atualizo o tópico.

Editado:
Aqui tenho um exemplo bem funcional, porém ainda não consigo desabilitar o botão. abaixo segue.
https://www.w3schools.com/code/tryit.asp?filename=FSXA05XSOYL4

Consegui fazer, mas não sei se está correto, ficarei no aguardo de respostas. abaixo segue a minha solução. Atribui uma id ao botão e posteriormente, ativei o disabled.

https://www.w3schools.com/code/tryit.asp?filename=FSXAF44BD5H7
[/quadrado]
[quadrado="Informações"]Fórum: http://somosmugiwara.forumeiros.com
Versão: MODERNBB[/quadrado]

Ver perfil do usuário

Daemon

Daemon
Admin

Não está errado! Você também pode fazer da seguinte maneira:
Código:
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<div id="boxsorte">

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

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

      <button id="numbers" class="num"></button>
                                                             
  </div>
<script>
function randNumber(e)
  {
      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 = 1;
      var element = document.getElementById('numbers');

      element.innerHTML = '';

      do {
        var rand = Math.floor(Math.random() * numbers.length);
        element.innerHTML += '' + numbers[rand] + '';
        returns--;
      }
      while(returns > 0);
      e.disabled = true;
  }
  </script>
</body>
</html>

Ver perfil do usuário http://zz1856.com

Houdini

Houdini
Membro elite

Ficou ótimo, thanks.

Ver perfil do usuário

Daemon

Daemon
Admin

[sucesso=Tópico resolvido]Tópico movido e arquivado. O autor está satisfeito e/ou a questão foi resolvida.[/sucesso]
Tópico movido para: Arquivo JavaScript & jQuery

Ver perfil do usuário http://zz1856.com

Conteúdo patrocinado


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