guessing-game/adding.js at main · the-user01/guessing-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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
 // Play Button "#playBtn"
 // Sign In page "#signIn"
 // Sign Up page "#signUp"
 // Clicking "#playBtn" this will take to "#signIn"
 // After Clicking "#signIn" This will Enter to Game page
 // Clicking Sign up button will take to "#signUp" page

 // If the input fields are empty Show a message "Stupid"
 // Use If else


 /* This function is for play button */

function playBtn() {
    var firstPage = document.getElementById("firstPage");
    firstPage.style.display = "none";

    var signInPage = document.getElementById("signIn");
    signInPage.style.display = "block";
}


/* Login Button */


function loginButton() {
    var inputField = document.getElementById("inputField").value;
    var passField = document.getElementById("passField").value;

        if(inputField == "" || passField == ""){
            alert("Fill up the form first");

        }else{

            var signInPage = document.getElementById("signIn");
            signInPage.style.display = "none";

            var gamingPage = document.getElementById("gamingSection");
            gamingPage.style.display = "block"
        }

}  /* Function bracket  */


 /* Sign up button */

 function signUpButton() {
    var firstPage = document.getElementById("firstPage");
     firstPage.style.display = "none"

    var signInPage = document.getElementById("signIn");
    signInPage.style.display = "none";

    var signUpPage = document.getElementById("signUp");
    signUpPage.style.display = "block";
 }


 function confirmation() {

    var firstPage = document.getElementById("firstPage");
    firstPage.style.display = "none"

    var signUpPage = document.getElementById("signUp");
    signUpPage.style.display = "none";

    var signInPage = document.getElementById("signIn");
    signInPage.style.display = "block";

 }


    // var signUpPage = document.getElementById("signUp");
    // signUpPage.style.display = "none";

    // var signInPage = document.getElementById("signIn");
    // signInPage.style.display = "block";