0

我正在尝试创建一个简单的应用程序以添加到 Firebase 数据库。

写入温度，然后将其与时间戳一起存储在数据库中。但由于某种原因，它不会工作。我尝试了多种不同的方法并检查了 Firebase 网站上的所有文档，但没有任何效果。任何帮助将不胜感激。谢谢

https://glitch.com/edit/#!/lcjs

索引.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <script src="https://www.gstatic.com/firebasejs/7.3.0/firebase-app.js"></script>
    <title>Write to firebase</title>
  </head>  
  <body>
    <h1>Current Tempature</h1>

    Tempature <input type="text" id="UserData"/>
    <input type="button" id="Submit" onclick="formSubmission()" value="Submit"/>

    <p id="done">
    </p>

    <script src="script.js"></script>
  </body>
</html>

脚本.JS

// Your web app's Firebase configuration
var firebaseConfig = {
    apiKey: "AIzaSyDvLIcv7nEIbfnz99mhoLi8UizaJcZxHLM",
    authDomain: "lcls-332a0.firebaseapp.com",
    databaseURL: "https://lcls-332a0.firebaseio.com",
    projectId: "lcls-332a0",
    storageBucket: "lcls-332a0.appspot.com",
    messagingSenderId: "604417688851",
    appId: "1:604417688851:web:63eb89e29b81cd1a8546e6",
    measurementId: "G-N2TVNX43T6"
  };
  // Initialize Firebase
  firebase.initializeApp(firebaseConfig);
  firebase.analytics();

function formSubmission(){
  document.getElementById("done").innerHTML = "Clicked";
  var today = new Date();
  var timestamp = today.getHours() + ":" + today.getMinutes() + ":" + today.getSeconds() + " " + today.getDate() + "/" + today.getMonth() + "/" + today.getFullYear();

  var myDBConn = firebase.database().ref();
  document.getElementById("done").innerHTML = "Done";
  var TempBranch = myDBConn.child("MyTempatures");

  var currentTemp = document.getElementbyID("UserData");

  TempBranch.push({ Tempature: parseInt[currentTemp.value], Time: timestamp });

  document.getElementById("done").innerHTML =
    "Your result has been successfully added!";
}
4

1 回答 1

0

当我运行您的 Glitch 项目并提交一个值时，我在 Chrome 的 JavaScript 控制台中看到此错误：

script.js:26 未捕获类型错误：document.getElementbyName 不是函数

在表单提交 (script.js:26)

在 HTMLInputElement.onclick ((index):11)

没有办法document.getElementbyName。您可能打算使用document.getElementsByTagNameor document.getElementById。

相同类型的错误方法名称出现在您问题的代码中，您有getElementbyID. 你可能也指document.getElementById那里。

密切注意拼写和大写/小写字母是个好主意，因为它们在您阅读代码时很容易被忽略，但它们会在工作代码和非工作代码之间产生重大影响。

于 2019-11-10T15:44:11.473 回答