码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2015-09-23 18:38:59      阅读:117      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!