WEBLEB
Accueil
Éditeur
Connexion
Pro
Français
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Un code de Pedro_bugica
1333
Pedro_bugica
Ouvrir dans l'éditeur
Video
Publiez votre code
0
Recommandé
19 July 2025
Extrait HTML d'animation de texte 3D
25 November 2025
La légende de Zelda
6 May 2024
Icônes d'effet de survol
HTML
Copy
Click the Circle Game
Score:
0
CSS
Copy
body { display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; } .game-container { text-align: center; } .circle { width: 100px; height: 100px; background-color: red; border-radius: 50%; position: relative; cursor: pointer; animation: moveCircle 2s infinite; } @keyframes moveCircle { 0% { left: 0; } 50% { left: calc(100% - 100px); } 100% { left: 0; } }
JS
Copy
let score = 0; document.getElementById('circle').addEventListener('click', () => { score++; document.getElementById('score').innerText = score; });