第一种方式(常规):
思路:①、在html代码中写入类型为button类型按键网页点赞网页点赞,并给一个id名为praise
②、在js代码块中申明一个变量number并形参0
③、通过id属性查找点赞按键(praise)并绑定点击风波(click)
④、将自增的value的值赋给按键(praise)中的value属性
DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>点赞数</title>
</head>
<body>
//在html代码中写入类型为button类型按钮,并给一个id名为praise
<input type="button" id="praise" value="赞(0)">
</body>
<script type="text/javascript">
//在js代码块中声明一个变量number并赋值0
var number=0;
//通过id属性查找点赞按钮(praise)并绑定点击事件(click)
document.getElementById('praise').onclick=function(){
//将自增的value的值赋给按钮(praise)中的value属性
this.value="赞("+(++number)+")";
}
</script>
</html>
第二种(推荐):
思路:和上述类似,区别是将this.value="赞("+(++number)+")"封装上去。
DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>点赞数</title>
</head>
<body>
<input type="button" id="praise" value="赞(0)">
</body>
<script type="text/javascript">
function zan(){
var number=0;
return function(){
this.value="赞("+(++number)+")";
}
}
var zz=zan();
document.getElementById('praise').onclick=zz;
</script>
</html>