密码显示/隐藏图标无法切换问题排查与解决（HTML/CSS/JS）

我跟着教程制作简易登录表单时，遇到了密码显示/隐藏图标无法正常切换的问题，试了各种代码调整都没效果，最后通过修改JavaScript中的类切换逻辑解决了问题。

修改后的核心JS代码如下：

this.classList.toggle("fa-eye");
this.classList.toggle("fa-eye-slash");

说明 #

原来的代码可能没有正确处理图标的类切换逻辑，使用classList.toggle()方法可以自动对指定类进行添加/移除操作，同时切换fa-eye和fa-eye-slash这两个Font Awesome图标类，就能实现点击图标时在显示/隐藏密码的状态间切换。

内容的提问来源于stack exchange，提问作者Nick B