小编fro*_*onj的帖子

使用 localStorage 获取注册/登录表单以处理 HTML 时遇到问题。作为我任务的一部分，我不能使用数据库或 php，即使它们更容易。具体来说，问题发生在我的提交功能期间。

返回的语法错误是“标识符 registerUser 已经声明”，并const reponse = processUser (username.value, password.value)在控制台中突出显示。

这是我的 JavaScript 代码：

//setup form
window.addEventListener("DOMContentLoaded", setupForm);

function setupForm() {
    const form = document.getElementById("login");
    form.addEventListener("submit", handleSubmit);
}

//handle Submit
function handleSubmit(event) {
    event.preventDefault();

    const {
        Username,
        Password,
        login_type,
        result
    } = event.target;

    const processUser = login_type.value == "register" ? registerUser : loginUser;
    const response = processUser(username.value, password.value);
    result.innerHTML = response;
}

//register new user
function registerUser(username, password) {
    window.localStorage.setItem("username", username);
    window.localStorage.setItem("password", password);

    return 'New …

我用 JavaScript 编写了一个函数来放大按钮并立即缩小到原始大小。

它可以使用其他 CSS 属性来工作。例如，我已将颜色更改为蓝色，这按预期工作。

有谁知道为什么它对转换不做同样的事情？

提前致谢！:)

var btnE = document.querySelector(".btn-e");\r\n\r\nbtnE.addEventListener(\'mouseover\', function() {\r\n  btnE.classList.add("btn-eScript")\r\n})\r\nbtnE.addEventListener("transitionend", function() {\r\n  btnE.classList.remove("btn-eScript")\r\n})

.btn-e {\r\n  margin-left: 155px;\r\n  background-color: rgba(83, 155, 232, 0.9);\r\n}\r\n\r\n.btn-s {\r\n  margin-left: 120px;\r\n  background-color: rgb(236, 130, 139);\r\n}\r\n\r\n.btn-s,\r\n.btn-e {\r\n  text-decoration: none;\r\n  color: white;\r\n  font-size: 90%;\r\n  font-weight: 100;\r\n  text-align: center;\r\n  padding: 10px 20px;\r\n  border-radius: 25px;\r\n  transition: 0.15s;\r\n}\r\n\r\n.btn-eScript {\r\n  color: blue;\r\n  transform: scale(1.5);\r\n}

<div class="btns">\r\n  <a class="btn-s" href="#">M\xc3\xa1s demos</a>\r\n  <a class="btn-e" href="#">M\xc3\xa1s demos</a>\r\n</div>

\n