Psychic-Game/index.html at master · Saji-Saji/Psychic-Game · 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
<!DOCTYPE html>
<html lang="en-us">
    <head>
        <meta charset="UTF-8">

    </head>

    <body>
        <p>Wins: <span id="wins"></span></p>
        <p>Losses: <span id="losses"></span></p>
        <p>Guesses Left: <span id="guessLeft"></span></p>
        <p>Guesses So Far:<span id="guessSoFar"></span></p>

        <script type="text/javascript">

            var wins = 0;
            var losses = 0;
            var guessLeft = 9;
            var guessSoFar = [];
            var computerChoices = ["a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z"];
            var computerGuess = '';

            function computerSelectRandomLetter() {
                computerGuess = computerChoices[Math.floor(Math.random() * computerChoices.length)];
            }

            function updateScores() {
                document.querySelector("#wins").innerHTML = wins;
                document.querySelector("#losses").innerHTML = losses;
                document.querySelector("#guessLeft").innerHTML = guessLeft;
                document.querySelector("#guessSoFar").innerHTML = guessSoFar;
            }

            function resetScore() {
                guessLeft = 9;
                guessSoFar = [];
            }

            computerSelectRandomLetter();
            updateScores();
            console.log(computerGuess);

            document.onkeyup = function (event) {
                guessLeft--;
                var userGuess = event.key.toLowerCase();
                guessSoFar.push(userGuess);
                updateScores();

                if (userGuess === computerGuess) {
                    wins++;
                    updateScores();
                    resetScore();
                    computerSelectRandomLetter();

                }

                if (guessLeft === 0) {
                    losses++;
                    updateScores();
                    resetScore();
                    computerSelectRandomLetter();
                }
            }


        </script>
    </body>
</html>