WebWeeklyDesign/minigame.html at master · ChristianHS23/WebWeeklyDesign · GitHub

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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<!DOCTYPE html>
<html>
<head>
    <link rel="shortcut icon" type="image/x-icon" href="logo1.ico" />
    <title>LinDya</title>
    <link href='https://fonts.googleapis.com/css?family=Raleway:400, 600' rel='stylesheet' type='text/css'>
    <link href='style.css' rel='stylesheet' type='text/css'/>
</head>
<body id="Home">
    <header>
        <nav>
          <ul>
            <!--Navigasi Bar-->
              <li><a href="index.html#Home"> <img  style="border-radius: 80%; width: 50%;height: auto;" src="logo.png" ></a></li>
              <li><a href="index.html#AboutUs"> About </a> </li>
             <li><a href="index.html#Supporting"> Work </a> </li>
              <li><a href="index.html#Team">Team </a> </li>
              <li><a href="index.html#Contact">Help Us!</a>  </li>
              <li><a href="index.html#Minigame">Try Minigame</a></li>
          </ul>
        </nav>
    </header>

     <!--Main Page-->
    <div class="team" id="Team">
      <main class="isi">
        <h1>XO Mini Game</h1>
        <p>Rules Game :Choose who will win between X and O
            <br> Then input how much do you want to bet(Min. Bet 100$)
            <br> If you win you will win 2 times value from the bet you input </p>

        <div class="xomg">
            <form action="#" id="xogameF">
                <table>
                    <tr>
                        <td><label for="GenerateXO">XO Result Before :</label></td>
                        <td><label id="GenerateXO"></label></td>
                    </tr>
                    <tr>
                        <td><label for="CurSaldo">Your Current Saldo($):</label></td>
                        <td><label id="CurSaldo">500</label></td>
                    </tr>
                    <tr>
                        <td><label for="">Choose Who will Win :</label></td>
                        <td><input type="radio" name="XO" value="X">X Win
                        <input type="radio" name="XO" value="O">O Win</td>
                    </tr>
                    <tr>
                        <td><label for="">How Much Do You Want To Bet($):</label></td>
                        <td><input type="number" id="Bet" value="100"></td>
                    </tr>
                </table>
                <input type="submit" id="button" class="btn-default">
            </form>
        </div>
      </main>
    </div>
     <!--Footer -->
     <footer>
        <div class="container">
            <ul>
                <li><p>&copy; Lin Dya 2018</p> </li>

            </ul>
        </div>
        <div class="container2">
          <ul>
           <li><p>e-mail : christian.sihotang23@gmail.com</p></li>
           <li><p>Phone : +6281927284401</p></li>
          </ul>
        </div>
      </footer>
      <script src="minigame.js"></script>
</body>
</html>