帮我写一个HTML,js代码实现登录成功弹出窗口“恭喜,用户***登录成功”
时间: 2023-06-03 20:01:31 浏览: 648
好的,这是一个简单的用户登录成功弹窗的HTML和js代码:
HTML代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>用户登录</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>用户登录</h1>
<form>
<label>用户名:</label>
<input type="text" name="username" placeholder="请输入用户名"><br>
<label>密码:</label>
<input type="password" name="password" placeholder="请输入密码"><br>
<input type="submit" value="登录" onclick="login()">
</form>
<script src="script.js"></script>
</body>
</html>
```
JS代码:
```javascript
function login() {
var username = document.forms[0].elements[0].value;
var password = document.forms[0].elements[1].value;
if (username == "abc" && password == "123") {
alert("恭喜,用户" + username + "登录成功");
} else {
alert("用户名或密码错误");
}
}
```
以上代码实现了一个简单的用户登录功能,并且如果用户名和密码正确,会弹出"恭喜,用户***登录成功"的提示框。注:***是指登录的用户名。