幻想的小窝

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>FFO开心辞典答题器</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            max-width: 800px;
            margin: 0 auto;
            padding: 20px;
        }
        #search-container {
            display: flex;
            margin-bottom: 20px;
        }
        #search-box {
            flex: 1;
            padding: 10px;
            font-size: 16px;
            border: 1px solid #ddd;
        }
        #search-button {
            padding: 10px 20px;
            background-color: #4CAF50;
            color: white;
            border: none;
            cursor: pointer;
            font-size: 16px;
        }
        #qa-container {
            margin-top: 20px;
        }
        .qa-item {
            margin-bottom: 15px;
            padding: 10px;
            border: 1px solid #ddd;
            border-radius: 5px;
        }
        .question {
            font-weight: bold;
            color: #333;
        }
        .answer {
            color: #666;
            margin-top: 5px;
        }
    </style>
</head>
<body><center><h1>FFO开心辞典答案搜索器</h1></center>
    <div id="search-container">
        <input type="text" id="search-box" placeholder="输入关键词搜索...">
        <button id="search-button">搜索</button>
    </div>
    <div id="qa-container"></div>

    <script>
        // 问答数据
        const qaData = [
            { question: "“爱有差等” 这一观点是哪家学派的？", answer: "A. 儒家" },
            { question: "著有《徐霞客游记》的徐霞客是哪个朝代的人？", answer: "D. 明朝" },
            { question: "哪个国家不允许吃口香糖？", answer: "D. 新加坡" },
            { question: "以画竹子著称的书画家郑板桥是哪个朝代的人？", answer: "C. 清朝" },
            { question: "我国制造的第一部轿车的牌子是？", answer: "C. 东风" },
            { question: "依照现行选举法的规定，选举或者代表联名推荐代表候选人的联名人数应为？", answer: "A. 15 人" },
            { question: "古代许多诗句中都有 “折柳” 二字，这是什么情况下的习俗？", answer: "A. 送别" },
            { question: "“勿以恶小而为之，勿以善小而不为” 语出《三国志》，这是谁说的？", answer: "C. 刘备" },
            { question: "不属于中国四大道山的是？", answer: "C. 九华山" },
            { question: "“珍珠婚” 是指结婚多少年？", answer: "C. 30" },
            { question: "解放战争时期，三大战役中最先打响的是？", answer: "B. 辽沈战役" },
            { question: "“味精” 是哪国人发明的？", answer: "D. 日本" },
            { question: "1982 年宪法是新中国的第几部宪法？", answer: "A. 四" },
            { question: "“杏坛” 指代的是？", answer: "C. 教育界" },
            { question: "膨化食品里填充的是什么气体？", answer: "D. 氮气" } 
// 后面可以一直加问题及答案。
        ];

        // 等待 DOM 元素加载完成
        document.addEventListener('DOMContentLoaded', function() {
            const searchBox = document.getElementById('search-box');
            const searchButton = document.getElementById('search-button');
            const qaContainer = document.getElementById('qa-container');

            // 添加搜索功能
            searchButton.addEventListener('click', function() {
                const keyword = searchBox.value.toLowerCase();
                if (!keyword) {
                    qaContainer.innerHTML = '';
                    return;
                }

                const filteredQA = qaData.filter(item => 
                    item.question.toLowerCase().includes(keyword)
                );

                qaContainer.innerHTML = '';
                if (filteredQA.length > 0) {
                    filteredQA.forEach(item => {
                        const qaItem = document.createElement('div');
                        qaItem.className = 'qa-item';
                        qaItem.innerHTML = `
                            <div class="question">${item.question}</div>
                            <div class="answer">${item.answer}</div>
                        `;
                        qaContainer.appendChild(qaItem);
                    });
                } else {
                    qaContainer.innerHTML = '<div>没有你要的答案，可以自行添加~</div>';
                }
            });

            // 支持回车键搜索
            searchBox.addEventListener('keypress', function(event) {
                if (event.key === 'Enter') {
                    searchButton.click();
                }
            });
        });
    </script>
</body>
</html>
以上为简单的FFO开心辞典答案搜索器，为了安全着想不提供访问网页，可以自行添加问题，本地运行。
1、新建一个txt记事本将代码复制过去，添加题目及答案。
2、更改后缀名为.html即可本地运行。
FFO开心辞典答题器（源码）
