console 命令行工具 X clear
console
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>彩票号码生成器</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f0f0f0;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            margin: 0;
        }
        .container {
            background-color: #ffffff;
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
            text-align: center;
            max-width: 90%;
            width: 350px;
        }
        h1 {
            font-size: 24px;
            margin-bottom: 20px;
            color: #333333;
        }
        .buttons {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            justify-content: center;
            margin-bottom: 20px;
        }
        .buttons button {
            background-color: #007bff;
            color: #ffffff;
            border: none;
            padding: 10px 15px;
            font-size: 14px;
            border-radius: 5px;
            cursor: pointer;
            transition: background-color 0.3s ease;
        }
        .buttons button.selected {
            background-color: #28a745; /* 选中按钮颜色 */
        }
        .buttons button:hover {
            background-color: #0056b3;
        }
        .numbers {
            font-size: 20px;
            font-weight: bold;
            color: #007bff;
            margin-bottom: 20px;
            word-break: break-all;
        }
        .action-buttons {
            display: flex;
            justify-content: center;
            gap: 10px;
        }
        .action-buttons button {
            background-color: #28a745;
            color: #ffffff;
            border: none;
            padding: 10px 20px;
            font-size: 16px;
            border-radius: 5px;
            cursor: pointer;
            transition: background-color 0.3s ease;
        }
        .action-buttons button:hover {
            background-color: #218838;
        }
        .copy-success {
            color: green;
            font-size: 14px;
            margin-top: 10px;
            display: none;
        }
    </style>
</head>
<body>
    <div class="container">
        <h1>彩票号码生成器</h1>
        <div class="buttons">
            <button onclick="switchProgram('dlt')" id="btn-dlt" class="selected">大乐透</button>
            <button onclick="switchProgram('ssq')" id="btn-ssq">双色球</button>
            <button onclick="switchProgram('qxc')" id="btn-qxc">七星彩</button>
            <button onclick="switchProgram('pl5')" id="btn-pl5">排列五</button>
            <button onclick="switchProgram('fc3d')" id="btn-fc3d">福彩3D</button>
            <button onclick="switchProgram('kl8')" id="btn-kl8">快乐8</button>
        </div>
        <div class="numbers" id="numbers">请选择彩票类型</div>
        <div class="action-buttons">
            <button onclick="generateNumbers()">生成号码</button>
            <button onclick="copyNumbers()">复制号码</button>
        </div>
        <div class="copy-success" id="copySuccess">复制成功！</div>
    </div>

    <script>
        let currentProgram = 'dlt'; // 默认大乐透

        // 切换彩票类型
        function switchProgram(program) {
            currentProgram = program;
            updateButtonState(program);
            document.getElementById('numbers').textContent = '请点击“生成号码”';
            document.getElementById('copySuccess').style.display = 'none';
        }

        // 更新按钮选中状态
        function updateButtonState(program) {
            // 移除所有按钮的选中状态
            document.querySelectorAll('.buttons button').forEach(button => {
                button.classList.remove('selected');
            });
            // 为当前选中的按钮添加选中状态
            document.getElementById(`btn-${program}`).classList.add('selected');
        }

        // 生成号码
        function generateNumbers() {
            let result = '';
            switch (currentProgram) {
                case 'dlt':
                    result = generateDLT();
                    break;
                case 'ssq':
                    result = generateSSQ();
                    break;
                case 'qxc':
                    result = generateQXC();
                    break;
                case 'pl5':
                    result = generatePL5();
                    break;
                case 'fc3d':
                    result = generateFC3D();
                    break;
                case 'kl8':
                    result = generateKL8();
                    break;
                default:
                    result = '请选择彩票类型';
            }
            document.getElementById('numbers').textContent = result;
            document.getElementById('copySuccess').style.display = 'none';
        }

        // 大乐透
        function generateDLT() {
            let front = generateUniqueNumbers(1, 35, 5).map(num => num.toString().padStart(2, '0')).join(' - ');
            let back = generateUniqueNumbers(1, 12, 2).map(num => num.toString().padStart(2, '0')).join(' - ');
            return front + ' + ' + back;
        }

        // 双色球
        function generateSSQ() {
            let front = generateUniqueNumbers(1, 33, 6).map(num => num.toString().padStart(2, '0')).join(' - ');
            let back = generateUniqueNumbers(1, 16, 1).map(num => num.toString().padStart(2, '0'));
            return front + ' + ' + back;
        }

        // 七星彩
        function generateQXC() {
            let front = Array.from({ length: 6 }, () => Math.floor(Math.random() * 10)).join(' - ');
            let back = Math.floor(Math.random() * 15).toString().padStart(2, '0');
            return front + ' + ' + back;
        }

        // 排列五
        function generatePL5() {
            return Array.from({ length: 5 }, () => Math.floor(Math.random() * 10)).join(' - ');
        }

        // 福彩3D
        function generateFC3D() {
            return Array.from({ length: 3 }, () => Math.floor(Math.random() * 10)).join(' - ');
        }

        // 快乐8
        function generateKL8() {
            return generateUniqueNumbers(1, 80, 20).map(num => num.toString().padStart(2, '0')).join(' - ');
        }

        // 生成不重复的随机数
        function generateUniqueNumbers(min, max, count) {
            let numbers = new Set();
            while (numbers.size < count) {
                let randomArray = new Uint32Array(1);
                window.crypto.getRandomValues(randomArray);
                let num = (randomArray[0] % (max - min + 1)) + min;
                numbers.add(num);
            }
            return Array.from(numbers).sort((a, b) => a - b);
        }

        // 复制号码
        function copyNumbers() {
            let numbersText = document.getElementById('numbers').textContent;
            if (numbersText === '请选择彩票类型' || numbersText === '请点击“生成号码”') {
                alert("请先生成号码！");
                return;
            }
            navigator.clipboard.writeText(numbersText).then(() => {
                document.getElementById('copySuccess').style.display = 'block';
            }).catch(() => {
                alert("复制失败，请手动复制！");
            });
        }
    </script>
</body>
</html>