<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<!-- 要求:做一个自动生成彩票系统,要求每次生成一注28选7的随机彩票(从1-28中选择7个不重复的数字),并且能够通过历史记录找到之前生成的彩票 -->
<button>生成彩票</button>
<p></p>
<script>
var oBtn = document.querySelector("button");
var oP = document.querySelector("p");
var json = {};
oBtn.onclick = function (){
var key = new Date().getTime();
var value = caiPiao();
json[key] = value; //把彩票和时间戳一一对应存起来(给json的属性赋值)
window.location.hash = key; //激活历史记录功能
oP.innerHTML = value;
console.log(json);
}
// 当hash值改变时要做的——页面的内容(彩票)也要做相应的改变
window.onhashchange = function (){
var nowK = window.location.hash.substring(1); //hash值变化后得到当前key
oP.innerHTML = json[nowK]; //用当前key把对应的彩票重新输出
}
function caiPiao(){
var arr = [];
for(var i=1;i<29;i++){
arr.push(i);
}
arr.sort(function (a,b){
return Math.random()-0.5;
})
arr.length = 7;
return arr;
}
</script>
</body>
</html>
练习-保存所有生成的彩票
最新推荐文章于 2024-03-10 21:20:58 发布