Untitled

avatar
unknown
plain_text
5 months ago
2.8 kB
1
Indexable
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Calculator</title>
    <link rel="stylesheet" href="./style.css">
</head>
<body>
    <div class="top-running-text">
        <marquee behavior="" direction="" loop>
            <small style="margin-right: 20px;">JANGAN YA DEK YA</small>
            <small style="margin-right: 20px;">JANGAN YA DEK YA</small>
            <small style="margin-right: 20px;">JANGAN YA DEK YA</small>
            <small style="margin-right: 20px;">JANGAN YA DEK YA</small>
            <small style="margin-right: 20px;">JANGAN YA DEK YA</small>
            <small style="margin-right: 20px;">JANGAN YA DEK YA</small>
        </marquee>
    </div>
    <div class="calculator">
            <div class="panel-hasil" id="hasil">0</div>
            <div class="panel-input">
                <div class="kolom">
                    <div class="baris" data-value="7">7</div>
                    <div class="baris" data-value="8">8</div>
                    <div class="baris" data-value="9">9</div>
                    <div class="baris" data-value="X">x</div>
                </div>
                <div class="kolom">
                    <div class="baris" data-value="4">4</div>
                    <div class="baris" data-value="5">5</div>
                    <div class="baris" data-value="6">6</div>
                    <div class="baris" data-value="divide">&divide;</div>
                </div>
                <div class="kolom">
                    <div class="baris" data-value="1">1</div>
                    <div class="baris" data-value="2">2</div>
                    <div class="baris" data-value="3">3</div>
                    <div class="baris" data-value="-">-</div>
                </div>
                <div class="kolom">
                    <div class="baris" data-value="0">0</div>
                    <div class="baris" data-value=".">.</div>
                    <div class="baris" data-value="=">=</div>
                    <div class="baris" data-value="+">+</div>
                </div>
            </div>
    </div>
    <div class="bottom-running-text">
        <marquee behavior="" direction="">
            <small style="margin-right: 20px;">JANGAN YA DEK YA</small>
            <small style="margin-right: 20px;">JANGAN YA DEK YA</small>
            <small style="margin-right: 20px;">JANGAN YA DEK YA</small>
            <small style="margin-right: 20px;">JANGAN YA DEK YA</small>
            <small style="margin-right: 20px;">JANGAN YA DEK YA</small>
            <small style="margin-right: 20px;">JANGAN YA DEK YA</small>
        </marquee>
    </div>

    <script src="./script.js"></script>
</body>
</html>
Editor is loading...
Leave a Comment