Scribd Logo
Upload

Welcome to Scribd!

  • Dasdasd

    Uploaded by

    sarowi
    7 views1 page
    This document contains code for a coin flipping game. It displays a coin image and button. Clicking the button runs a JavaScript function that randomly selects either the heads or tails image and updates the coin image source. The page has styling to center elements and add visual design.

    Original Description:

    Original Title

    dasdasd

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This document contains code for a coin flipping game. It displays a coin image and button. Clicking the button runs a JavaScript function that randomly selects either the heads or tails image and updates the coin image source. The page has styling to center elements and add visual design.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    7 views1 page

    Dasdasd

    Uploaded by

    sarowi
    This document contains code for a coin flipping game. It displays a coin image and button. Clicking the button runs a JavaScript function that randomly selects either the heads or tails image and updates the coin image source. The page has styling to center elements and add visual design.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 1

    <!

    DOCTYPE html>
    <html>
    <head>
    <title>Rzut monetą</title>
    <style>
    body {
    background-color: #f2f2f2;
    }
    h1 {
    text-align: center;
    font-family: Arial, sans-serif;
    font-size: 36px;
    margin-top: 50px;
    }
    img {
    display: block;
    margin: auto;
    width: 200px;
    height: 200px;
    }
    button {
    display: block;
    margin: auto;
    margin-top: 50px;
    padding: 10px 20px;
    background-color: #4CAF50;
    color: #fff;
    font-size: 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    }
    </style>
    </head>
    <body>
    <h1>Rzuć monetą!</h1>
    <img id="coin" src="https://www.random.org/images/mexican-peso/Mexican-Peso-
    100-obverse.jpg" alt="Moneta">
    <button onclick="flipCoin()">Rzuć monetą</button>

    <script>
    function flipCoin() {
    var coin = document.getElementById("coin");
    var result = Math.floor(Math.random() * 2);
    if (result == 0) {
    coin.src =
    "https://www.random.org/images/mexican-peso/Mexican-Peso-100-obverse.jpg";
    } else {
    coin.src =
    "https://www.random.org/images/mexican-peso/Mexican-Peso-100-reverse.jpg";
    }
    }
    </script>
    </body>
    </html>

    You might also like