Untitled

<!doctype html>
<html class="no-js" lang="">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <link rel="apple-touch-icon" href="apple-touch-icon.png">
        <!-- Place favicon.ico in the root directory -->

        <link rel="stylesheet" href="css/normalize.css">
        <link rel="stylesheet" href="css/main.css">
        <script src="js/vendor/modernizr-2.8.3.min.js"></script>

        <style>
            body {
                padding-left: 10px;
            }
            form {
                padding-bottom: 30px;
            }

        </style>
    </head>
    <body>
        <!--[if lt IE 8]>
            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->

        <!-- Add your site or application content here -->
        <p>Hello world! This is HTML5 Boilerplate.</p>


        <form action="#">
            <input type="text" id="register_email_textbox" placeholder="Email address" required>
            <input type="text" id="register_password_textbox" placeholder="password" required>
            <button id="register_button">Register</button>
        </form>

        <form action="#">
            <input type="text" id="signin_email_textbox" placeholder="Email address" required>
            <input type="text" id="signin_password_textbox" placeholder="password" required>
            <button id="signin_button">Sign in</button>
        </form>

        <button id="profile_info_button">Print profile info</button>
        <button id="sign_out_button">Sign out</button>

        <br /><br />

        <form action="#">
            <input type="text" id="class_chosen_textbox" placeholder="class" required>
            <input type="text" id="task_textbox" placeholder="task" required>
            <input type="text" id="due_date_textbox" placeholder="due date">
            <button type="submit" id="write_button">Write to database</button>
        </form>

        <form action="#">
            <button id="read_button">Read from database</button>
        </form>


        <script type="text/javascript" src="js/date.js"></script>
        <script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.12.0.min.js"><\/script>')</script>
        <script src="js/plugins.js"></script>
        <script src="js/main.js"></script>

        <script src="https://www.gstatic.com/firebasejs/3.7.4/firebase.js"></script>
        <script src="https://www.gstatic.com/firebasejs/3.7.1/firebase-app.js"></script>
        <script src="https://www.gstatic.com/firebasejs/3.7.1/firebase-auth.js"></script>
        <script src="https://www.gstatic.com/firebasejs/3.7.1/firebase-database.js"></script>
        <script src="https://www.gstatic.com/firebasejs/3.7.1/firebase-messaging.js"></script>

    <script>
        // Initialize Firebase. This code should stay at the top of the <script> section
        var config = {
            apiKey: "AIzaSyAEPEyYJBvmqqwu4XSFitMUENdskmKp0fc",
            authDomain: "classtask-162513.firebaseapp.com",
            databaseURL: "https://classtask-162513.firebaseio.com",
            storageBucket: "classtask-162513.appspot.com",
            messagingSenderId: "453189316211"
        };
        firebase.initializeApp(config);

        firebase.auth().onAuthStateChanged(function(user) {
            if (user) {
                console.log("hey");
            } else {
                // No user is signed in.
            }
        });


        var database = firebase.database();  //gets a reference to the database service


        document.getElementById("register_button").addEventListener("click", function() {
            var email = document.getElementById("register_email_textbox").value;
            var password = document.getElementById("register_password_textbox").value;
            firebase.auth().createUserWithEmailAndPassword(email, password).catch(function (error) {
                // Handle Errors here.
                var errorCode = error.code;
                var errorMessage = error.message;
                alert("Registration error occurred \n" + "Error code: " + errorCode + "\nError message: " + errorMessage);
            });
        });

        document.getElementById("signin_button").addEventListener("click", function() {
            var email = document.getElementById("signin_email_textbox").value;
            var password = document.getElementById("signin_password_textbox").value;
            firebase.auth().signInWithEmailAndPassword(email, password).catch(function(error) {
                // Handle Errors here.
                var errorCode = error.code;
                var errorMessage = error.message;
                alert("Sign-in error occurred \n" + "Error code: " + errorCode + "\nError message: " + errorMessage);
            });
        });

        document.getElementById("profile_info_button").addEventListener("click", function() {
            var user = firebase.auth().currentUser;

            if (user != null) {
                user.providerData.forEach(function (profile) {
                    alert("Email: " + profile.email + "\nUID: " + user.uid);
                });
            }
            else {
                alert("Not signed in!");
            }
        });

        document.getElementById("sign_out_button").addEventListener("click", function() {
            firebase.auth().signOut().then(function() {
                // Sign-out successful.
            }).catch(function(error) {
                // An error happened.
                alert("Sign-out error occurred \n" + "Error code: " + errorCode + "\nError message: " + errorMessage);
            });
        });


    </script>

    </body>
</html>