JS怎么实现选择一下 这个数字显示+1效果

JavaScript018

JS怎么实现选择一下 这个数字显示+1效果,第1张

是数字加1,还是出现+1的视觉效果?- -

数字加1的话,比较简单,直接设一个全局变量用来计算,只要网页不关闭,全局变量会一直存在,然后发生onchage事件时判断是否被选中,选中则调用计数函数,不选则什么也不做。

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Document</title>

<style type="text/css">

div{

text-align:center

}

</style>

<script type="text/javascript">

     var i=1//设置全局变量

function tans()

{

tags_a=document.getElementById("dz")

tags_a.innerHTML=i

i++

}

</script>

</head>

<body>

<div><input type="checkbox" name="a1" onclick="this.checked?tans():0"/>赞同<div>

<div>票数:</div>

<div><a style="color:red" id="dz" >0</a></div>

</body>

</html>

<!DOCTYPE html>

<html>

  <head>

<meta http-equiv="Content-Type" content="text/html charset=UTF-8">

<title>

RunJS 演示代码

</title>

<style>

.content{

background-color:black

color:white

width:100px

height:100px

line-height:100px

text-align:center

border-radius:90px

}

</style>

  </head>

<body>

    <div class='content' onclick="this.innerHTML=this.innerHTML*1+1">

0

  </div>

  </body>

</html>