七夕表白前端代码

痛定思痛。 2023-10-15 08:09 65阅读 0赞

七夕表白前端代码，话不多说直接上代码：

<!DOCTYPE html>
    <html>
    <head>
      <title>七夕表白</title>
      <style>
        body {
          text-align: center;
          font-family: Arial, sans-serif;
        }
        
        h1 {
          color: #e74c3c;
        }
        
        p {
          font-size: 18px;
          line-height: 1.5;
          margin-bottom: 20px;
        }
        
        button {
          background-color: #e74c3c;
          color: #fff;
          padding: 10px 20px;
          border: none;
          border-radius: 4px;
          font-size: 16px;
          cursor: pointer;
        }
      </style>
    </head>
    <body>
      <h1>亲爱的XXX，</h1>
      <p>今天是七夕情人节，我想告诉你一些话。</p>
      <p>从我们相识的那一刻起，你就在我的心中占据了重要的位置。</p>
      <p>每当我看到你的笑容，我的世界都变得明亮起来。</p>
      <p>你的温柔和关怀让我感到无比幸福。</p>
      <p>我想对你说，我喜欢你，愿意和你一起度过余生。</p>
      
      <button id="yesButton">愿意</button>
      <button id="noButton">不愿意</button>
      
      <script>
        var yesButton = document.getElementById("yesButton");
        var noButton = document.getElementById("noButton");
        
        function showConfirm() {
          var answer = confirm("再问一遍你愿意成为我的女朋友吗？确定就是同意");
          
          if (answer) {
            alert("真是做我女朋友还要犹豫！");
          } else {
            showConfirm();
          }
        }
        
        yesButton.addEventListener("click", function() {
          alert("太好了，我愿意爱你一辈子！");
        });
        
        noButton.addEventListener("click", function() {
          showConfirm();
        });
      </script>
    </body>
    </html>

运行效果

![a58c96a558cb43df997188f1e32cb022.png][]

使用方法：

1、首先复制代码；

2、然后在桌面上创建一个记事本文档，

3、然后将代码粘贴到记事本中，

4、可以更改代码的相关文字达到你想要的效果，

5、将记事本文件的后缀名txt改成html；

6、最后发给你想要发给的人。

#### 最后祝天下有情人终成眷属！ ####

[a58c96a558cb43df997188f1e32cb022.png]: https://img-blog.csdnimg.cn/a58c96a558cb43df997188f1e32cb022.png