Javascript 如果输入为空，则添加和删除类

我在输入为空时添加和删除类时遇到问题

代码也可在上获得

var name=document.getElementById（“name”）.value；
var lastname=document.getElementById（“lastname”）.value；
var underlineFocus=document.getElementsByClassName（“下划线焦点”）；
函数changeUnderline（）{
如果（名称==“”）{
下划线焦点[0]。类列表。添加（“下划线焦点为空”）；
}否则{
下划线焦点[0]。类列表。删除（“下划线焦点为空”）；
}
如果（lastname==“”）{
下划线焦点[1].classList.add（“下划线焦点为空”）；
}否则{
下划线焦点[1].classList.remove（“下划线焦点为空”）；
}
}
更改下划线（）
表单{
调整内容：灵活启动；
调整内容：灵活启动；
调整项目：灵活启动；
}
输入{
宽度：100%；
高度：24px；
字体大小：14px；
背景：无；
边界：无；
大纲：无；
}
.下划线{
宽度：100%；
高度：1px；
边缘底部：18px；
背景色：#1a2c5b；
位置：相对位置；
顶部：-3px；
}
.强调重点{
宽度：0；
高度：3倍；
背景色：#7971ea；
过渡：宽度。3s容易进出；
z指数：10；
}
输入：焦点+。在焦点下划线{
宽度：100%；
}
.下划线为空，
。下划线焦点为空{
背景色：#F959；
}

名字*
姓*
2代码中的主要错误。

1） 通过使用
每个回车键，将数据无处发送，并将所有输入刷新为空

2） 不能将“名称”一词用于变量


var X_name=document.getElementById（“名称”）；
var underlineFocus=document.getElementsByClassName（“下划线焦点”）；
函数changeUnderline（）{
如果（X_name.value==“”）{
下划线焦点[0]。类列表。添加（“下划线焦点为空”）；
}否则{
下划线焦点[0]。类列表。删除（“下划线焦点为空”）；
}
}
更改下划线（）
表单{
调整内容：灵活启动；
调整内容：灵活启动；
调整项目：灵活启动；
}
输入{
宽度：100%；
高度：24px；
字体大小：14px；
背景：无；
边界：无；
大纲：无；
}
.下划线{
宽度：100%；
高度：1px；
边缘底部：18px；
背景色：#1a2c5b；
位置：相对位置；
顶部：-3px；
}
.强调重点{
宽度：0；
高度：3倍；
背景色：#7971ea；
过渡：宽度。3s容易进出；
z指数：10；
}
输入：焦点+。在焦点下划线{
宽度：100%；
}
.下划线为空，
。下划线焦点为空{
背景色：#F959；
}

名字*
如红色方框所示，请将您的代码添加到问题中。请把你的密码贴在这里。引用外部URL是不正确的，因为这可能会改变整个问题的用途。我不能，因为这是“太多的代码”，我不能对此警告说：“看起来你的帖子主要是代码；请添加更多细节。”这是因为一个问题还应该告诉我们你正在尝试做什么，你做了哪些研究，以及您得到的结果或错误。非常感谢。警察局。我不知道如何命名变量“name”