本弗尔语词典 - 帮助文档

欢迎使用 Diarista'ze Benfoure（本弗尔语词典）。这是一个专为学习、查询和编辑本弗尔语（Benfoure）单词而设计的在线词典工具。您可以自由地查看以及复制该项目的代码，并将其部署为您自己的虚构语言的词典。

---

🎯 功能概览

• 单词浏览：随机展示10个单词，支持搜索和筛选。
• 单词查询：支持按单词或释义搜索。
• 添加单词：用户可自定义添加新词条。
• 主题切换：支持亮色/暗色模式切换。
• 响应式设计：适配电脑和移动设备。

---

📖 使用说明

1. 浏览单词

• 打开页面后，默认显示10个随机单词。
• 每个单词卡片包含：
  • 单词（含音标）
  • 词性（如名词、动词等）
  • 语法信息（格、时态、语态等）
  • 释义
  • 例句（如有）

2. 搜索单词

• 在顶部搜索框中输入单词或释义关键词。
• 支持模糊匹配，不区分大小写。
• 点击搜索按钮或按回车键进行搜索。

3. 刷新随机单词

• 点击右上角的刷新按钮（🔄）可重新随机显示10个单词。

4. 切换主题

• 点击页面右上角的🌙/☀️按钮切换亮色/暗色模式。

5. 添加新单词

• 点击右下角的“+”按钮打开添加单词表单。
• 填写以下信息（带*为必填）：
  • 单词*
  • 音标
  • 词性*
  • 语法格/时态/语态（可选）
  • 释义*
  • 例句（可选）
• 提交后单词将自动加入词典并显示在列表中。

---

📱 界面说明

顶部区域

• 标题：Diarista'ze Benfoure
• 主题切换按钮：🌙/☀️
• 统计信息：总单词数、当前显示数、随机显示数

控制区

• 搜索框：输入关键词进行搜索
• 刷新按钮：重新随机显示单词

单词列表

• 以卡片形式展示单词信息
• 支持悬停动效

底部悬浮按钮

• “+”按钮：打开添加单词模态框

---

🛠️ 技术说明

• 使用纯 HTML + CSS + JavaScript 实现
• 数据存储在 dictionary.js 中，使用 let 声明以便动态更新
• 支持本地存储（如需持久化需自行扩展）
• 使用 Google Fonts 和 Font Awesome 图标

---

📂 文件结构

项目根目录/
│
├── index.html          # 主页面
├── styles.css          # 样式文件
├── dictionary.js       # 词典数据
├── function.js         # 交互逻辑
└── (可选) words.json   # 可扩展为JSON格式词库

---

🔧 扩展建议

• 可将 dictionaryData 改为从 JSON 文件加载
• 可添加本地存储功能（localStorage）保存用户添加的单词
• 可增加导入/导出词库功能
• 可支持多语言界面

---

📜 示例词条格式

{
  word: "Alueté",
  phonetic: "/ˈʌlɯtʰ/",
  partOfSpeech: "n.",
  grammaticalCase: "主宾同形",
  definition: "犁宿星系；犁辕座",
  example: "Gericod Alueté tias!<br>欢迎来到犁宿星系！"
}

---

❓ 常见问题

Q: 通过模态框添加的单词刷新后会消失吗？
A: 目前数据仅保存在内存中，刷新页面后会恢复初始数据。如需持久化，请自行扩展本地存储功能。

Q: 是否支持批量导入单词？
A: 当前版本不支持，但可以通过修改 dictionary.js 手动添加。

Q: 是否支持发音？
A: 目前仅显示音标，未集成发音功能。

---

如有问题或建议，欢迎通过 GitHub 提交 Issue 或 Pull Request。