如何用JS去绘制修改用户密码的功能

首先，你需要创建一个包含“旧密码”、“新密码”和“确认新密码”的表单。然后，在表单中添加“提交”按钮。

在JavaScript中，你需要添加以下代码来获取表单元素：

const oldPasswordInput = document.getElementById('old-password');
const newPasswordInput = document.getElementById('new-password');
const confirmPasswordInput = document.getElementById('confirm-password');
const submitButton = document.getElementById('submit-button');

接下来，你需要为“提交”按钮添加一个事件监听器，以便在用户单击该按钮时执行某些操作。例如，你可以使用以下代码：

submitButton.addEventListener('click', function(event) {
  event.preventDefault(); // 阻止表单默认提交行为

  const oldPassword = oldPasswordInput.value;
  const newPassword = newPasswordInput.value;
  const confirmPassword = confirmPasswordInput.value;

  // 检查新密码和确认密码是否匹配
  if (newPassword !== confirmPassword) {
    alert('新密码与确认密码不匹配！');
    return;
  }

  // 在这里添加代码来验证旧密码是否正确并更新密码
});

在上面的代码中，我们使用 `event.preventDefault()` 阻止表单的默认提交行为，并使用 `oldPasswordInput.value`、`newPasswordInput.value` 和 `confirmPasswordInput.value` 获取相应的输入值。然后，我们检查新密码和确认密码是否匹配，并在不匹配时显示一个警告消息。

最后，你需要添加代码来验证旧密码是否正确并更新密码。这通常涉及向服务器发送请求以验证密码。如果旧密码验证成功，则可以将新密码更新到数据库中。这部分代码可能需要与后端交互，因此具体实现方式可能因应用程序的不同而异。