instructions.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35

<html>
    <head>
        <title>Instructions</title>
        <link rel='stylesheet' href='yahtzee.css'/>
    </head>

    <body>
        <a href='yahtzee.html'><span class='back'>&lt Go Back</span></a>
        <h1 class='shifted_head'></h1> <!--code injected via 'make_head()'-->

        <h2>In Yahtzee, you play with 5 Dice as seen below:</h2>
        
            <div class=dice_display></div> <!--code injected via 'dice.render()'-->

            <h2>You get 3 chances to roll every round. Try the roll button below:</h2>

        
            <button id='roll_display' onclick='dice.render_dice()'>Roll</button>
        
        <h2>Click on one of the Dice above to Hold it if you don't want to roll it again.<br/>
            Doing so will display a <strong>hold</strong> icon below the die. Try it!</h2>

        <h2>Every round, you will attempt to get different combinations with the dice. <br/>
            Below are all the combinatinos from each round. <br/>
            Click on one to see what it means.
        </h2>
        
        <div id='round_list'></div>

        <div id='round_list2'></div>

        <script type="text/javascript" src="instructions.js"></script>

    </body>
</html>