首页高级表白代码用htmlcssjs写一段完整代码

高级表白代码用htmlcssjs写一段完整代码

时间: 2023-02-06 07:21:33 浏览: 116

你好！这是一段使用 HTML、CSS 和 JavaScript 编写的高级表白代码的完整示例： ```HTML <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>表白</title> <style> body { background-color: pink; text-align: center; font-family: Arial, sans-serif; } h1 { color: red; font-size: 3em; margin-bottom: 0.5em; } p { color: purple; font-size: 2em; margin-top: 0.5em; } </style> </head> <body> <h1>我喜欢你</h1> <p>自从见到你之后，我就知道你是我一生的伴侣。你是我最好的朋友，也是我最爱的人。我想和你一起度过余生，与你共同分享生活的喜怒哀乐。请让我表白，愿意和我在一起吗？</p> <button id="btn-confirm">是的，我愿意</button> <button id="btn-decline">对不起，我不能</button> <script> const btnConfirm = document.getElementById('btn-confirm'); const btnDecline = document.getElementById('btn-decline'); btnConfirm.addEventListener('click', () => { alert('我太高兴了！谢谢你的答复！'); }); btnDecline.addEventListener('click', () => { alert('我会尊重你的决定，但我仍然珍惜我们之间的友谊。'); }); </script> </body> </html> ``` 这段代码会在浏览器中显示一个粉色的背景、一个红色的大字体标题 "我喜欢你" 和一个紫色的大字体段落，以及两个按钮。点击

阅读全文