点赞出现星星往上飘特效的代码

以下是一个简单的HTML/CSS/JavaScript代码，可以在用户点击“点赞”按钮时添加特效：

<button onclick="liked()" id="like-button">点赞</button>

<style>
  #like-button {
    background-color: #ffffff;
    color: #333333;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
  }
  
  .star {
    position: absolute;
    font-size: 24px;
    color: yellow;
    animation: float 2s linear;
  }
  
  @keyframes float {
    0% {
      transform: translateY(0);
      opacity: 1;
    }
    100% {
      transform: translateY(-100px);
      opacity: 0;
    }
  }
</style>

<script>
  function liked() {
    var button = document.getElementById("like-button");
    button.innerHTML = "已点赞";
    for (var i = 0; i < 10; i++) {
      var star = document.createElement("div");
      star.innerHTML = "&#9733;";
      star.classList.add("star");
      star.style.left = Math.random() * 100 + "%";
      star.style.animationDelay = Math.random() * 2 + "s";
      document.body.appendChild(star);
    }
  }
</script>

这段代码会在用户点击“点赞”按钮时，将按钮的文本设置为“已点赞”，并在页面上随机生成10个星星元素，通过CSS动画让它们向上飘动并消失。