学习目标

通过点击按钮,每次数据增加1

通过getElementById获取按钮标签时,ID名忘记使用引号,导致函数无法运行。
填坑
通过控制台,逐步进行验证,发现此问题点。

以下是上面案例的源代码:

<body> <button id="dzs" onclick="dianZan()" style="display:block;width:100px;height:100px;">0</button> <script> function dianZan(){ let dianZanShuBiaoQian = window.document.getElementById('dzs'); let dianZanShu = parseInt(dianZanShuBiaoQian.innerText); let xinShuZi = dianZanShu + 1; dianZanShuBiaoQian.innerText = xinShuZi; return; } </script> </body>

以下代码案例是,模拟实际通过数据库增加或减少点赞数

<body style="margin: 0;"> <button id="dzs" onclick="dianZan()">0</button> <script> function dianZan(uid,bv){ let jiLu = database.get('点赞记录',uid,bv); if(jiLu){ let dianZanShu = database.jian('点赞数',bv,1); database.shanChu('点赞记录',uid,bv); document.getElementById('dzs').innerText = dianZanShu; } else { let dianZanShu = database.jia('点赞数',bv,1); database.tianJia('点赞数',uid,bv); document.getElementById('dzs').innerText = dianZanShu; } } </script> </body>