如何在Javascript中获取html输入值

我有这个Javascript代码

var-navButton=document.getElementById（“nav按钮”）；
设outerlogouttrigger=false；
var email=document.getElementById（“email”）.value；
var password=document.getElementById（“密码”）.value；
document.getElementById（“Login”）.onclick=function（）{
loginfunction（）
};
函数loginfunction（）{
setItem（'isLoggedin'，'true'）；
//这用于在单击后立即进行更改
if（sessionStorage.getItem（'isLoggedin'）=='true'）{
navButton.innerHTML=“注销”；
navButton.classList.remove（“btn警告”）；
navButton.classList.add（“btn成功”）；
outerlogouttrigger=！outerlogouttrigger；//未工作
}
}
控制台日志（outerlogouttrigger）；
控制台日志（电子邮件）；
console.log（密码）；
//刷新后，此if生效
if（sessionStorage.getItem（'isLoggedin'）=='true'）{
navButton.innerHTML=“注销”；
navButton.classList.remove（“btn警告”）；
navButton.classList.add（“btn成功”）；
}

您的代码可以大大简化，这将帮助您发现问题

let isLoggedIn=sessionStorage.getItem（'isLoggedIn'）='true'；
常量setNav=（）=>{
const navButton=document.getElementById（“导航按钮”）；
navButton.innerHTML=isLoggedIn？“注销”：“登录”；
navButton.classList.toggle（“btn成功”，isLoggedIn）；//或使用添加/删除
navButton.classList.toggle（“btn警告”，！isLoggedIn）；
};
常量登录函数=（）=>{
//您甚至可以测试navButton文本，查看它们是否登录到这里
const email=document.getElementById（“电子邮件”）.value；
const password=document.getElementById（“密码”）.value；
if（email.trim（）！=“”&password.trim（）！=“”）{
//做你需要做的事
setItem（'isLoggedin'，'true'）；
}  
};
addEventListener（“load”，function（）{//on page load和所有元素都存在
setNav（）；
document.getElementById（“登录”）.addEventListener（“单击”，登录功能）；
})

在用户有机会实际输入值后，您需要读取表单字段的值，而不是在页面加载时直接读取。此外，请向代码段添加相关HTML，尽管该代码段不会实际使用sessionStorage语句运行。这是否回答了您的问题@CBroe尝试在HTML文件中使用脚本标记。这就是你想说的吗，兄弟？@mplungjan让我们试试CBroe的建议，如果它不起作用，我将给出HTML代码段。我使用javascript才两周。我已经习惯了