Logo Hardware.com.br
leeordg
leeordg Zerinho Registrado
1 Mensagem 0 Curtidas

Como colocar um número variável toda vez que o "Lead", aperta o botão para gerar sinal?

#1 Por leeordg 18/01/2024 - 17:33
Boa Tarde pessoal, é meu primeiro post no fórum e já vai ser logo uma dúvida

Peço perdão de antemão caso tenha colocado no tópico errado!

Mas vamos lá, eu tentei colocar uma variável no "APOSTAR" de 1 a 18 toda vez que a pessoa apertar o botão *GERAR SINAL* mas não consegui fazer a ligação do botão com essa variável.

Caso alguém consiga me dar um norte já vai me ajudar, sou um pequeno aprendiz nesta área então toda ajuda será bem vinda!

Vou deixar o código html abaixo:


<div id="text">

            <p id="texto" class="texto"><b>APOSTAR: </b>3 Minas</p>

            

        </div>

        <div id="game-wrapper" class="game-wrapper">

            <div id="board" class="board"></div>

            <img id="overlay" class="overlay" src="images/x1bo5Lx1UKBe.gif" alt="Desfocado">

            <div class="

            status-container">

                <p id="status" class="status"></p>

            </div>

        </div>

        <p id="info" class="info"></p>

        <button id="generate-opportunity" class="generate-opportunity">GERAR SINAL</button>

        <br>
html variavel
esquiloesperto
esquiloesper... Cyber Highlander Moderador
7.1K Mensagens 2.2K Curtidas
#2 Por esquiloesper...
27/01/2024 - 23:26
Olá, leeordg.
Seja bem-vindo à Comunidade GdH.

Bom que você seja um aprendiz. Sabendo que todo aprendiz além de ver e ouvir precisa estudar, ler e praticar muito de tudo que assimilou na "aula", combinado?

Veja bem: A primeira coisa a ser feita é capturar o acionamento do botão, cada vez que a "pessoa" clicar. — E aquele que pode fazer isto pra você se chama "Javascript". Ele possui métodos de captura (funções) para praticamente todo tipo de eventos. Então, podemos usar a função "onclick" para capturar os seus cliques, legal né!

Agora eu apenas modifiquei seu código, acrescentando isto:

<div id="text">

  <p id="texto" class="texto"><b>APOSTAR: </b>3 Minas</p>

</div>

<div id="game-wrapper" class="game-wrapper">

  <div id="board" class="board"></div>

  <img id="overlay" class="overlay" src="images/x1bo5Lx1UKBe.gif" alt="Desfocado">

  <div class="status-container">

    <p id="status" class="status"></p>

  </div>

</div>

<p id="info" class="info"></p>

<button id="generate-opportunity" class="generate-opportunity" onclick="generate_opportunity()">GERAR SINAL</button>

<br>

<script>

  function generate_opportunity() {

    let max = 18;

    let resp = Math.floor(Math.random() * max) + 1;

    // Demonstração de uso :: o "resp" aleatório

    // Pode apagar este exemplo.

    let ex = texto.lastChild;

    let str = ex.textContent;

    ex.textContent = str.replace(/\d+/, resp);



    // ... trabalhe aqui o que precisa fazer

  }

</script>


Troque aquele trecho do seu código por este e veja o que acontece.
– Só é difícil enquanto estiver oculto! cool.png
Use a pesquisa


rolleyes.png  Navegar é preciso, viver... também.  smile.png
© 1999-2024 Hardware.com.br. Todos os direitos reservados.
Imagem do Modal