1.自行设置用户名和密码，实现单击按钮时进行密码和用户名验证，密码和用户名成功弹出对话框提示正确，否则提示用户名或密码错误。用web前端技术实现

好的，这是一个常见的登录验证功能。我可以为您提供一个简单的实现方式，您可以根据您的需求进行修改和扩展。

HTML代码：

<form id="login-form">
  <label for="username">用户名：</label>
  <input type="text" id="username" name="username" required>
  <br>
  <label for="password">密码：</label>
  <input type="password" id="password" name="password" required>
  <br>
  <button type="submit" id="login-btn">登录</button>
</form>

JavaScript代码：

var username = "your_username"; // 修改为您的用户名
var password = "your_password"; // 修改为您的密码

var loginForm = document.querySelector("#login-form");
loginForm.addEventListener("submit", function(event) {
  event.preventDefault(); // 阻止表单默认提交行为

  var inputUsername = document.querySelector("#username").value;
  var inputPassword = document.querySelector("#password").value;

  if (inputUsername === username && inputPassword === password) {
    alert("用户名和密码正确！");
  } else {
    alert("用户名或密码错误！");
  }
});

上述代码中，我们首先定义了一个用户名和密码的变量，然后通过`querySelector`方法获取登录表单和用户名、密码的输入框。接着，我们监听表单的`submit`事件，阻止表单默认提交行为，并获取用户输入的用户名和密码。最后，我们通过`if`语句进行验证，如果用户名和密码正确，弹出提示框提示用户登录成功，否则提示用户登录失败。

您可以将上述代码保存为一个HTML文件，在浏览器中打开即可看到登录表单。当用户点击登录按钮时，会进行用户名和密码的验证。