Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

150
Visualizações
Bola de visualización de Javascript con número cuando se hace clic

El siguiente código muestra que hago clic 4 veces, la salida es como pic1

 let sep = s.messages[s.player_at_the_table] == "" ? "" : "・"; s.messages[s.player_at_the_table] += sep + "1"; s.messages[s.player_at_the_table ^ 1] = "";

pic1 - salida actual

Me gustaría hacerlo como pic2, la suma de la salida con fondo de bola roja.

pic2 - mi salida esperada

Este enlace es mi enlace web JS: https://score-uat.hk147.com/matches/score/G2fyH2CCgsuX3kLXX

about 4 years ago · Juan Pablo Isaza
1 Respostas
Responde à pergunta

0

En realidad, no estás dando muchos detalles sobre la pregunta, ¡pero déjame intentarlo!

 document.querySelector(".counter").addEventListener("click", function () { this.textContent = parseInt(this.textContent.trim()) + 1; });
 .counter{ font-size: 30px; --size: 2em; width: var(--size); height: var(--size); border-radius: 50%; background-color: #ff0000; color: #ffffff; box-shadow: 0px 0px 0.25rem 0px hsla(0, 0%, 50%, 0.5); display: flex; align-items: center; justify-content: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(1); font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; transition: transform 100ms ease; cursor: pointer; user-select: none; } .counter:active{ transform: translate(-50%, -50%) scale(0.9); }
 <div class="counter">0</div>

about 4 years ago · Juan Pablo Isaza Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda