Name: Note at 0:50
Uploaded: 2020-12-10T19:26:30.993Z
Description: Note at 0:50

scrimba

Watch in fullscreen

Note at 0:50

by MeYou

About

Comments

Notes

Note at 0:50

by MeYou

Expand for more info

index.html

run

preview

console

<html>
    <head>
        <link rel="stylesheet" href="style.css">
        <script src="index.pack.js"></script>
    </head>
    <body>
        
        <h2>Roll the Dice and have Fun <span>¯\_(ツ)_/¯</span></h2>
        <p>It's me,<span  style="font-size: 30px">&#128517</span> <span> Ahmad</span>.</p>
        
        <div class="dice">
             <div class="first">
                <div class="dot face-one"></div>
            </div>
            <div class="second" style="display:none" >
                <div class="dot face-two-one"></div>
                <div class="dot face-two-two"></div>
            </div>
            <div class="third"  style="display:none">
                <div class="dot face-three-one"></div>
                <div class="dot face-three-two"></div>
                <div class="dot face-three-three"></div>
            </div>
            <div class="fourth" style='display:none' >
                <div class="column">
                    <div class="dot four-one"></div>
                    <div class="dot four-two"></div>
                </div>
                <div class="column">
                    <div class="dot four-three"></div>
                    <div class="dot four-four"></div>
                </div>
            </div>
            <div class="fifth" style="display:none">
                <div class="column">
                   <div class="dot face-five-one"></div>
                   <div class="dot face-five-two"></div>
                </div>
                <div class="column">
                     <div class="dot face-five-three"></div>
                </div>
                <div class="column">
                     <div class="dot face-five-four"></div>
                     <div class="dot face-five-five"></div>
                </div>    
            </div>
            <div class="sixth" style="display:none">
               <div class="column">
                <div class="dot face-six-one"></div>
                <div class="dot face-six-two"></div>
                <div class="dot face-six-three"></div>
               </div>
                <div class="column">
                    <div class="dot face-six-four"></div>
                    <div class="dot face-six-five "></div>
                    <div class="dot face-six-six" ></div>
                </div>
            </div>

        </div>
        <div class="score">
            <h2>Your Score:</h2>
            <h3 class="number">1</h3>
        </div>
    </body>
</html>

</div>

</div>

</div>

<h2>Your Score:</h2>

</div>

</body>

</html>

LIVE