Toss Coin Game Tool

 

Coin Toss Game

body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #f0f0f0; } .container { max-width: 400px; margin: 50px auto; background-color: #fff; padding: 20px; border-radius: 5px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); text-align: center; } h2 { margin-bottom: 20px; } .coin { width: 100px; height: 100px; background-image: url('coin.png'); background-size: cover; margin: 0 auto; } button { padding: 10px 20px; background-color: #007bff; color: #fff; border: none; border-radius: 3px; cursor: pointer; margin-top: 20px; } button:hover { background-color: #0056b3; } #result { margin-top: 20px; font-size: 24px; } function tossCoin() { var result = Math.random() < 0.5 ? 'Heads' : 'Tails'; var coinElement = document.getElementById('coin'); coinElement.style.animation = 'spin 0.5s linear forwards'; setTimeout(function() { coinElement.style.animation = ''; document.getElementById('result').textContent = 'Result: ' + result; }, 500); }