用html写一个告白程序
时间: 2023-09-21 15:08:24 浏览: 123
html好看酷炫的告白源码
5星 · 资源好评率100%
好的,请参考以下HTML代码,实现一个简单的告白程序:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>告白程序</title>
</head>
<body>
<h1>亲爱的XXX:</h1>
<p>我想对你说:</p>
<textarea id="love" rows="5" cols="50"></textarea>
<br>
<button onclick="showLove()">告白</button>
<script>
function showLove() {
var loveText = document.getElementById("love").value;
alert(loveText + ",我爱你!");
}
</script>
</body>
</html>
```
在这个程序中,我们使用了HTML的基本标签,包括标题、段落、文本框和按钮。通过JavaScript的函数来实现点击按钮后的告白操作,当用户输入告白内容后,程序会弹出一个对话框,显示用户的告白内容和“我爱你”的字样。
请注意,在这个程序中,我们使用了JavaScript来处理用户输入并生成输出,因此需要在HTML文件中添加<script>标签来包含JavaScript代码。
阅读全文