用html写一个告白程序
时间: 2023-09-21 17:08:24 浏览: 125
好的,请参考以下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代码。
相关问题
用html写一个表白程序
以下是一个简单的用HTML写的表白程序:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>表白程序</title>
<style>
body {
background-image: url('bg.jpg');
background-size: cover;
background-position: center;
font-family: Arial, sans-serif;
color: #fff;
text-align: center;
padding-top: 100px;
}
h1 {
font-size: 60px;
margin-bottom: 50px;
}
p {
font-size: 30px;
margin-bottom: 30px;
}
button {
font-size: 24px;
padding: 10px 20px;
background-color: #ff69b4;
border: none;
border-radius: 5px;
color: #fff;
cursor: pointer;
}
button:hover {
background-color: #ff1493;
}
</style>
</head>
<body>
<h1>我喜欢你</h1>
<p>你愿意做我的女朋友吗?</p>
<button onclick="alert('我也喜欢你,愿意做你的女朋友!')">愿意</button>
<button onclick="alert('很抱歉,我已经有男朋友了。')">不愿意</button>
</body>
</html>
```
这个表白程序包含了一个背景图和一个表白的文本,以及两个按钮,分别表示愿意和不愿意。当用户点击愿意按钮时,会弹出一个对话框,显示“我也喜欢你,愿意做你的女朋友!”;当用户点击不愿意按钮时,会弹出一个对话框,显示“很抱歉,我已经有男朋友了。”
写一个表白的html程序
好的,那我就来为你写一个表白的 HTML 程序吧。
首先,你需要打开一个文本编辑器,然后在里面输入以下代码:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>表白</title>
</head>
<body>
<h1>亲爱的,我想对你说:</h1>
<p>我爱你,自从我们相遇的那一刻起,我就知道你是我一生的伴侣。我愿意与你共度余生,和你一起分享生活的喜怒哀乐。</p>
<p>你是我生命中最美好的事物,你是我所有幸福的源泉。我希望能够永远和你在一起,与你共同追寻未来的梦想。</p>
<p>我爱你,永远爱你。</p>
</body>
</html>
```
然后你就可以把这个文件保存为一个 HTML 文件,例如叫做 "表白.html",然后用浏览器打开它,就能看到你的表白啦!
希望这个 HTML 程序能帮到你!
阅读全文