闭包案例实现点赞

最新推荐文章于 2022-11-22 23:23:53 发布

空白

最新推荐文章于 2022-11-22 23:23:53 发布

阅读量579

点赞数

分类专栏： JavaScript 学习文章标签： js

本文链接：https://blog.csdn.net/qq_38496329/article/details/107239427

版权

该博客探讨了一个点赞功能存在的问题，即点击按钮时所有照片的点赞数都会增加。作者通过分析指出，问题源于点赞计数共享同一value。为解决这个问题，文章提出使用JavaScript闭包的概念，以确保每个照片的点赞数独立计数，详细介绍了修复该问题的闭包实现方法。

摘要由CSDN通过智能技术生成

点赞案例

页面

页面：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>选择心仪的</title>
  <style>
    ul {
      list-style-type: none;
    }

    li {
      float: left;
      margin-left: 10px;
    }

    img {
      width: 200px;
      height: 180px;
    }

    input {
      margin-left: 30%;
    }
  </style
</head>
<body>
<ul>
  <li><img src="images/ly.jpg" alt=""><br/><input type="button"