Javascript 当我的链接被访问时，如何使一个表单显示？

我创建了一个注册/登录页面，该页面重定向到我创建的待办事项列表网站。但是，当您第一次单击我的链接时，登录和注册表单都会显示出来。我只希望先显示登录表单（如果有人需要注册，则在登录表单底部有一个锚定标记，可重定向到注册表单）。访问链接时，我需要在代码中更改哪些内容才能只显示登录表单

链接：

代码：

const loginForm=document.getElementById（“登录”）；
const createAccountForm=document.getElementById（“寄存器”）；
const registerLink=document.getElementById（“寄存器链接”）；
const signInLink=document.getElementById（“登录链接”）；
loginForm.style.display=“内联块”；
createAccountForm.style.display=“无”；
registerLink.addEventListener（“单击”，（）=>{
控制台日志（“输入”）；
loginForm.style.display=“无”；
createAccountForm.style.display=“内联块”；
});
signInLink.addEventListener（“单击”，（）=>{
loginForm.style.display=“内联块”；
createAccountForm.style.display=“无”；
});
函数存储（）{
让name=document.getElementById（“name”）；
设pw=document.getElementById（“pw”）；
设小写的eletters=/[a-z]/g；
让大写字母=/[A-Z]/g；
设数=/[0-9]/g；
如果（name.value.length==0）{
提醒（“请填写电子邮件”）；
}else if（pw.value.length==0）{
警报（“请填写密码”）；
}else if（name.value.length==0&&pw.value.length==0）{
提醒（“请填写电子邮件和密码”）；
}否则如果（pw.value.length>8）{
警报（“最多8个”）；
}如果（！pw.value.match（数字））{
警报（“请添加1个号码”）；
}如果（！pw.value.match（大写字母））{
警告（“请添加1个大写字母”）；
}如果（！pw.value.match（小写字母））{
警告（“请添加1个小写字母”）；
}否则{
setItem（“name”，name.value）；
localStorage.setItem（“pw”，pw.value）；
警报（“您的帐户已创建”）；
window.location=“toDoList.html”；
返回false；
}
}
//检查
函数检查（）{
让storedName=localStorage.getItem（“名称”）；
让storedPw=localStorage.getItem（“pw”）；
让userName=document.getElementById（“用户名”）；
让userPw=document.getElementById（“userPw”）；
让usermemory=document.getElementById（“rememberMe”）；
if（userName.value==storedName&&userPw.value==storedPw）{
window.location=“toDoList.html”；
警报（“您已登录”）；
返回false；
}否则{
警报（“登录时出错”）；
}
}

@charset“utf-8”；
[class*=“fontawesome-”]：之前{
字体系列：“FontAwesome”，无衬线；
}
身体{
背景：天蓝色；
颜色：白色；
字体：87.5%/1.5em“开放式Sans”，无衬线；
保证金：0；
显示：块；
文本对齐：居中；
}
p{
线高：1.5em；
}
之后{
明确：两者皆有；
}
.登录{
保证金：50px自动；
宽度：320px；
显示：块；
文本对齐：居中；
}
.登入表格{
保证金：自动；
填充：22px 22px 22px 22px；
宽度：100%；
边界半径：5px；
背景:#282e33；
边框顶部：3倍实心#434a52；
边框底部：3px实心#434a52；
}
.登入表格span{
背景色：#363b41；
边界半径：3px 0px 0px 3px；
右边框：3px实心#434a52；
颜色：#606468；
显示：块；
浮动：左；
线高：50px；
文本对齐：居中；
宽度：50px；
高度：50px；
}
.登录表单输入[type=“email”]{
背景色：#3b4148；
边界半径：0px 3px 0px；
颜色：#A9A9；
边缘底部：1米；
填充：0 16px；
宽度：90%；
高度：50px；
}
.登录表单输入[type=“password”]{
背景色：#3b4148；
边界半径：0px 3px 0px；
颜色：#A9A9；
边缘底部：1米；
填充：0 16px；
宽度：90%；
高度：50px；
}
.登录表单输入[type=“submit”]{
背景：#b5cd60；
边界：0；
宽度：100%；
高度：40px；
边界半径：3px；
颜色：白色；
光标：指针；
过渡：背景0.3s缓进缓出；
}
#登录表单输入[type=“submit”]：悬停{
背景#16aa56；
}
.登记{
保证金：50px自动；
宽度：320px；
显示：块；
文本对齐：居中；
}
.登记表{
保证金：自动；
填充：22px 22px 22px 22px；
宽度：100%；
边界半径：5px；
背景:#282e33；
边框顶部：3倍实心#434a52；
边框底部：3px实心#434a52；
}
.注册表格span{
背景色：#363b41；
边界半径：3px 0px 0px 3px；
右边框：3px实心#434a52；
颜色：#606468；
显示：块；
浮动：左；
线高：50px；
文本对齐：居中；
宽度：50px；
高度：50px；
}
.注册表单输入[type=“email”]{
背景色：#3b4148；
边界半径：0px 3px 0px；
颜色：#A9A9；
边缘底部：1米；
填充：0 16px；
宽度：90%；
高度：50px；
}
.注册表单输入[type=“password”]{
背景色：#3b4148；
边界半径：0px 3px 0px；
颜色：#A9A9；
边缘底部：1米；
填充：0 16px；
宽度：90%；
高度：50px；
}
.登记表格输入[type=“submit”]{
背景：#b5cd60；
边界：0；
宽度：100%；
高度：40px；
边界半径：3px；
颜色：白色；
光标：指针；
过渡：背景0.3s缓进缓出；
}
#注册表单输入[type=“submit”]：悬停{
背景#16aa56；
}
.表格登记册{
显示：内联块；
左边距：自动；
右边距：自动；
文本对齐：左对齐；
}
.表格登入{
显示：内联块；
左边距：自动；
右边距：自动；
文本对齐：左对齐；
}
#登录链接{
背景色：白色；
}
a#登录链接：悬停{
背景色：rgb（177,18,18）；
}
a#寄存器链接{
背景色：rgb（255、255、255）；
}
a#寄存器链接：悬停{
背景色：rgb（182,11,11）；
}

登记
电子邮件
密码

长度必须至少为8个字符
必须包含小写字母。
loginForm.style.display = "inline-block";
createAccountForm.style.display = "none";

registerLink.addEventListener("click", () => {
  console.log("entered");
  loginForm.style.display = "none";
  createAccountForm.style.display = "inline-block";
});

signInLink.addEventListener("click", () => {
  loginForm.style.display = "inline-block";
  createAccountForm.style.display = "none";
});