首页 > Web开发 > 详细

利用HTML5云存储实现模拟对比投票效果

时间:2015-09-23 18:38:29      阅读:248      评论:0      收藏:0      [点我收藏+]
<!DOCTYPE HTML>
<html>
<head>
<title>模拟对比投票效果</title>
<meta name="description" content="HTML5Web存储" />
</head>
<body>
<span>能(<a href="javascript:;" id="btn">98</a>%)</span>
<span>不能(<a href="javascript:;" id="btn1">2</a>%)</span>
<script type="text/javascript">
var oB=document.getElementById("btn");
var oB1=document.getElementById("btn1");
oB.onclick=function(){
if (localStorage.pagecount<99){localStorage.pagecount=Number(localStorage.pagecount)+3;}
else{localStorage.pagecount=85;}
};
oB1.onclick=function(){
if(Number(oB1.innerHTML)<25){
oB1.innerHTML=Number(oB1.innerHTML)+1;
oB.innerHTML=100-Number(oB1.innerHTML);
}else{}
};
oB.innerHTML=Number(localStorage.pagecount);
oB1.innerHTML=100-Number(localStorage.pagecount);
</script> 
</body>
</html>

 

利用HTML5云存储实现模拟对比投票效果

原文:http://www.cnblogs.com/dream-w/p/4832710.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!