为了账号安全,请及时绑定邮箱和手机立即绑定

在我的网站中实现登录系统,以便在用户登录后显示网站的某些部分

在我的网站中实现登录系统,以便在用户登录后显示网站的某些部分

Cats萌萌 2023-10-30 19:53:32
我正在尝试利用 Firebase 中的免费身份验证服务在我的网站中实现登录系统。问题是,一旦我将这些部分设置到位,使用控制台检查我的页面,我会看到以下错误:“未捕获的类型错误:signupButton.addEventListener 不是函数”。我是这个主题的新手,所以我将引导您完成整个过程,以确保我的设置正确。您可以就该主题提供的任何帮助都会很棒。首先在我的网站页面中设置一个简单的 HTML 表单<form action="/action_page.php"><label for="email">Sign Up Email:</label><input type="text" id="signupEmail" name="signupEmail"><br><br><label for="pwd">Sign Up Password:</label><input type="text" id="signupPassword" name="signupPassword"><br><br> </form>`<label for="email">Sign Up Email:</label><input type="text" id="signupEmail" name="signupEmail"><br><br><label for="pwd">Sign Up Password:</label><input type="text" id="signupPassword" name="signupPassword"><br><br> </form>用我的注册按钮<div class="w-container">      <h1 class="heading-12-login2">Sign up<br></h1>      <div id="signupButton" class="section-10">然后我设置了我的 firebase auth 库<script src="https://www.gstatic.com/firebasejs/6.2.3/firebase-app.js"></script><script src="https://www.gstatic.com/firebasejs/6.2.3/firebase-auth.js"></script><script>  var firebaseConfig = {    apiKey: "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX",    authDomain: "XXXXXXXXXXXXXXXXX.firebaseapp.com",    databaseURL: "https://XXXXXXXXX.firebaseio.com",    projectId: "XXXXXXXXXXXXX",    storageBucket: "XXXXXXXXXXXXXXX.appspot.com",    messagingSenderId: "XXXXXXXXXXXXXXXX",    appId: "XXXXXXXXXXXXXXXXXXX"  };  firebase.initializeApp(firebaseConfig);</script>然后,当我在控制台上尝试此操作时,我收到了预先指定的错误:sign-up:95 Uncaught TypeError: signupButton.addEventListener is not a function相反,控制台可以识别没有人登录,因此用户登录 reco 似乎可以正常工作。注册引擎似乎无法正常工作。你们中有人知道如何解决这个问题吗?
查看完整描述

1 回答

?
撒科打诨

TA贡献1934条经验 获得超2个赞

您忘记定义变量,试试这个


var signupButton = document.querySelector("#signupButton");

signupButton.addEventListener('click', signup);

...


查看完整回答
反对 回复 2023-10-30
  • 1 回答
  • 0 关注
  • 55 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信