利用javascript或者jquery实现一个打招呼的程序,如下图所示,输入姓名,点击确定,会弹出对话框说你好xxx。
时间: 2024-04-08 17:29:42 浏览: 120
你可以使用以下代码来实现一个简单的打招呼程序:
```html
<!DOCTYPE html>
<html>
<head>
<title>打招呼程序</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<h1>打招呼程序</h1>
<label for="name">请输入您的姓名:</label>
<input type="text" id="name" placeholder="请输入您的姓名">
<button id="btnGreet">确定</button>
<script>
$(document).ready(function() {
$('#btnGreet').click(function() {
var name = $('#name').val();
if (name !== '') {
alert('你好 ' + name + '!');
} else {
alert('请输入您的姓名!');
}
});
});
</script>
</body>
</html>
```
将上述代码保存为一个 HTML 文件并在浏览器中打开,您就可以在页面中输入您的姓名,然后点击确定按钮,弹出一个对话框,显示"你好xxx"的打招呼消息,其中"xxx"为您输入的姓名。