练习-保存所有生成的彩票-CSDN博客

本文链接：https://blog.csdn.net/weixin_44573096/article/details/107612904

<!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>