firebase - Copy.html

<!DOCTYPE html>
<html lang="en-us">

<head>

    <meta charset="UTF-8">
    <title>Firebase</title>

</head>

<body>

    <div>
        <form>

            <input type="text" placeholder="enter name" class="form-control">

        </form>
    </div>


    <button id="click-button">Submit</button>
    <script src="https://code.jquery.com/jquery.js"></script>
<!-- The core Firebase JS SDK is always required and must be listed first -->
<script src="https://www.gstatic.com/firebasejs/6.0.4/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/6.0.4/firebase-database.js"></script>

<!-- TODO: Add SDKs for Firebase products that you want to use
     https://firebase.google.com/docs/web/setup#config-web-app -->

<script>
  // Your web app's Firebase configuration
  var firebaseConfig = {
        apiKey: "AIzaSyBrzK7dJ0bZgystmNqv2xaOj7IwJF05sGQ",
        authDomain: "hooperpedia.firebaseapp.com",
        databaseURL: "https://hooperpedia.firebaseio.com",
        projectId: "hooperpedia",
        storageBucket: "",
        messagingSenderId: "797528490036",
        appId: "1:797528490036:web:231863142248d6f5"
      };
  // Initialize Firebase
  firebase.initializeApp(firebaseConfig);

        
        console.log(firebase.storage)
       console.log(firebase)

        var database = firebase.database();
       
        var playerName = "";

        $("#click-button").on("click", function (event) {

            event.preventDefault();

            playerName = $(".form-control").val().trim();
console.log(playerName)
            database.ref().push({
                playerName1: playerName,

            });
        });


        database.ref().on("value", function (snapshot) {
            $("#player1").text(snapshot.val().Playername);

            console.log(snapshot.val())

        }, function (errorObject) {
            console.error(errorObject)
        });

    </script>

</body>

</html>