SWG.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Snake, Water, Gun Game</title>
</head>
<body>
    <h2>Snake, Water, Gun Game</h2>
    <button onclick="playGame('snake')">🐍 Snake</button>
    <button onclick="playGame('water')">💧 Water</button>
    <button onclick="playGame('gun')">🔫 Gun</button>
    <h3 id="result"></h3>
    <script>
        function playGame(userChoice) {
            let choices = ["snake", "water", "gun"];
            let computerChoice = choices[Math.floor(Math.random() * 3)];
            let result;
            if (userChoice === computerChoice) {
                result = "It's a draw! 🤝";
            } 
            else if (
                (userChoice === "snake" && computerChoice === "water") ||
                (userChoice === "water" && computerChoice === "gun") ||
                (userChoice === "gun" && computerChoice === "snake")
            ) {
                result = `You Win! 🎉 ${userChoice} beats ${computerChoice}`;
            } else {
                result = `You Lose! 😞 ${computerChoice} beats ${userChoice}`;
            }
            document.getElementById("result").innerText = `You chose ${userChoice}, Computer chose ${computerChoice}.\n${result}`;
        }
    </script>

</body>
</html>