Coin Toss Game

body { font-family: Arial, sans-serif; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; } .container { text-align: center; } .coin { width: 100px; height: 100px; border-radius: 50%; border: 2px solid #333; background-color: #ccc; display: inline-block; margin-bottom: 20px; } button { padding: 10px 20px; font-size: 16px; background-color: #007bff; color: #fff; border: none; cursor: pointer; } button:hover { background-color: #0056b3; } p { font-size: 20px; font-weight: bold; } function tossCoin() { var coin = document.getElementById('coin'); var result = document.getElementById('result'); // Randomly choose heads or tails (0 or 1) var randomNum = Math.floor(Math.random() * 2); var side = randomNum === 0 ? 'Heads' : 'Tails'; // Update coin side and display result coin.className = 'coin ' + side.toLowerCase(); result.textContent = 'Result: ' + side; }