Skip to content

Feature: Adicionar um botão "Compartilhar no Twitter" com a pontuação final #14

@adalbertobrant

Description

@adalbertobrant

Olá, dev! Obrigado por participar do Hacktoberfest 2025! 🚀

Queremos dar aos jogadores a chance de compartilhar suas vitórias! Para isso, vamos adicionar um botão de compartilhamento no Twitter que aparecerá assim que o jogador acertar o número secreto.

Sua Missão:
Implementar um botão que, ao ser clicado, abre uma nova janela do Twitter com uma mensagem pré-definida contendo o resultado do jogador.

Plano de Ação ✅

Siga as Regras: Certifique-se de seguir as diretrizes dos arquivos README.md e CONTRIBUTING.md.

Crie uma nova branch para a sua contribuição (ex: feat-share-twitter).

No arquivo index.html:

Dentro da div class="chute container__botoes", adicione um link () estilizado como botão. Ele deve estar oculto inicialmente.

HTML

Compartilhar
No arquivo app.js:

Na função verificarChute(), dentro do if (chute == numeroSecreto):

Crie uma mensagem para o tweet. Ex: let mensagemTweet = \Acertei o número secreto em ${tentativas} tentativas! Jogue também no #SecretNumberGame.;

Crie a URL de compartilhamento: let urlTwitter = [https://www.google.com/search?q=https://twitter.com/intent/tweet%3Ftext%3D$](https://twitter.com/intent/tweet?text=$){encodeURIComponent(mensagemTweet)}&url=[https://github.com/adalbertobrant/secretgamenumber](https://www.google.com/search?q=https://github.com/adalbertobrant/secretgamenumber)`;`

Selecione o botão de compartilhar (document.getElementById('share')), defina o href dele para a urlTwitter e altere seu estilo para display: inline-block para que ele apareça.

Na função reiniciarJogo(), lembre-se de esconder o botão de compartilhar novamente, alterando o estilo para display: none.

Abra um Pull Request explicando a nova funcionalidade.

Obrigado por nos ajudar a divulgar o nosso jogo!

Metadata

Metadata

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions