Rock-Paper-Scissors/index.html at main · KallamSamad/Rock-Paper-Scissors · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <style>
        .container{
            display: flex;
            justify-content: center;
            align-items: center;
        }
        h1,p{
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .compCont{
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
        }
        .compCount{
            display: flex;
            justify-content: left;
        }
        .humanCount{
            display: flex;
            justify-content: right;
        }
        .humOut{
            display: flex;
            flex-direction: column;

            }
        .compOut{
            display: flex;
            flex-direction: column;
        }
        .button{
            border-radius: 20px;
            height: auto;
            width: 10em;
            text-decoration: none;
        }


    </style>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>Rock, Paper, Scissors game</h1>
    <p>AI is here for good now, it is already automating many human tasks and is succeeding. This game is to test if you can beat it in rock, paper scissors. Will you beat the machine?</p>
<script src="RPS.js" defer></script>
</body>
</html>