初学者Firebase-制作排行榜

时间:2019-12-08 21:56:00

标签: javascript firebase firebase-realtime-database

嗨,这是我第一次使用Firebase。我目前允许用户键入用户名,然后让fire base保存信息。我的javascript和html全部放在该页面的一个文件中。

<body>
  <!-- The core Firebase JS SDK is always required and must be listed first -->
    <script src="https://www.gstatic.com/firebasejs/7.5.2/firebase-app.js"></script>
  <!-- Initialize Firebase -->

<script>

    var config = {
        apiKey: "---",
            authDomain: "---.firebaseapp.com",
            databaseURL: "https://----.firebaseio.com",
            projectId: "---",
            storageBucket: "----.appspot.com",
    };
    firebase.initializeApp(config);
    database = firebase.database();
    console.log(firebase);

    // Get a reference to the database service
    var database = firebase.database();
    var ref = database.ref('newScore');


function submit() {
    var newScore = {
        userName: document.getElementById("userName").value(),
        score: get_score()
    }
    console.log(firebase);
    var ref = firebase.Database().ref();
    ref.push(newScore);
}

myFBred.orderByChild("score").on("child_added", function(data){
    childScore = data.val();
    document.getElementById("scores").innerHTML += childScore.userName + "-" + childScore.score + "<br>" ;
 });

</script>

<h2>Create a fun name!</h2>

<form action="submit()">
    <font size = "5">
        Username:
        <input id="userName" type="text" name="userName">
        <input type="button" onclick="submit()" value="Submit">

<form/>
    <div id="container">
        <div class="row">

            <div class="name">Player1</div><div class="score">43 songs right!</div>
    </div>
    </div>
<body/>

当我运行网站时,控制台会告诉我TypeError:firebase.database不是函数

0 个答案:

没有答案