利用javascript或者jquery实现一个打招呼的程序,如下图所示,输入姓名,点击确定,会弹出对话框说你好xxx。
时间: 2024-04-08 07:29:44 浏览: 54
一个能随心所欲弹出对话框的程序
好的,以下是一个使用 JavaScript 和 jQuery 实现的打招呼程序:
```html
<!DOCTYPE html>
<html>
<head>
<title>打招呼</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
// 当点击确定按钮时触发
$("#btn-greet").click(function() {
var name = $("#input-name").val(); // 获取输入的姓名
if (name !== "") {
alert("你好," + name + "!");
}
});
});
</script>
</head>
<body>
<h1>打招呼程序</h1>
<input type="text" id="input-name" placeholder="请输入姓名">
<button id="btn-greet">确定</button>
</body>
</html>
```
将上述代码保存为一个 HTML 文件,并在浏览器中打开该文件。你将看到一个输入框和一个按钮。在输入框中输入姓名,然后点击确定按钮,将弹出一个对话框,显示"你好,xxx!"(xxx代表你输入的姓名)。
希望这个示例能满足你的需求!如果你有任何其他问题,请随时提问。
阅读全文