在Google Firebase

时间:2018-02-03 18:02:41

标签: javascript firebase firebase-realtime-database

我正在尝试创建一个聊天室,其中的消息存储在google firebase中。我还没有学过Javascript,但是我的教科书包含了我需要的所有必要的Javascript代码。聊天室将有两个输入,一个用于用户名,一个用于消息,一个按钮用于发送消息。我的问题是,每当我尝试发送消息时,它都不会将自己存储在firebase中,因此不会显示。我为挪威语中的ID和类道歉,但我担心如果我试图改变它,我会在这个过程中弄乱一些东西。

<form id="skjema">
    <input type="text" id="inpAvsender" required placeholder="Brukernavn">
    <input type="text" id="inpMening" required placeholder="Melding">
    <button type="submit" class="button">Send</button>
</form>
<article id="txtMeldinger"></article>
// google firebase snippet here //
<script>
    let database = firebase.database();
    let meldinger = database.ref("meldinger");
    let skjema = document. 
    getElementById("skjema");
    let inpAvsender = document. 
    getElementById("inpAvsender");
    let inpMening = document. 
    getElementById("inpMening");
    let txtMeldinger = document.
    getElementById("txtMeldinger");
    function visMelding(snapshot) {
        let melding = snapshot.val();
        let meldingTekst ='<p>
            <b>${melding.avsender}:</b>
            <i>${melding.tekst}</i>
        </p>';
        txtMeldinger.innerHTML = txtMeldinger. 
        innerHTML + meldingTekst;
    }
    function regNyMelding(evt) {
        evt.preventDefault();
        var nyMelding = {
            avsender: inpAvsender.value,
            tekst: inpMening.value
        };
        meldinger.push(nyMelding);
        inpMening.value ="";
    }
    meldinger.on("child_added", visMelding);
    skjema.onsubmit = regNyMelding;
</script>

0 个答案:

没有答案