用css html JavaScript 写一个圣诞表白代码 给出代码

下面是使用 CSS、HTML 和 JavaScript 写一个圣诞表白的示例代码：

HTML:

<div id="christmas-card">
  <h1>圣诞快乐！</h1>
  <p>亲爱的XXX，</p>
  <p>我想在这个圣诞节告诉你，我真的很喜欢你。我希望我们能一起度过更多的圣诞节，并且一起分享更多的美好时光。</p>
  <p>你是我的圣诞老公公，让我们一起迎接新的一年。</p>
  <p>爱你的XXX</p>
</div>

CSS:

#christmas-card {
  background-color: #ffc107;
  color: #ffffff;
  padding: 20px;
  text-align: center;
}

#christmas-card h1 {
  font-size: 2em;
}

#christmas-card p {
  font-size: 1.5em;
  margin: 10px 0;
}

JavaScript:

const card = document.getElementById('christmas-card');

card.addEventListener('click', () => {
  card.style.backgroundColor = '#dc3545';
});

这段代码会创建一个带有圣诞节主题的表白卡片，当用户点击卡片时，卡片的背景颜色会变成红色。可以根据自己的需要调整文本内容和样式。