https://github.com/plh97/jp
self taught hiragana chart
https://github.com/plh97/jp
Last synced: 3 months ago
JSON representation
self taught hiragana chart
- Host: GitHub
- URL: https://github.com/plh97/jp
- Owner: plh97
- Created: 2025-03-07T13:33:27.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2025-04-06T09:32:42.000Z (6 months ago)
- Last Synced: 2025-06-28T17:07:30.098Z (3 months ago)
- Language: JavaScript
- Homepage: https://plh97.github.io/jp/dist/
- Size: 89.8 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 平假名练习 - Hiragana Practice
一个简单的平假名练习应用，帮助用户学习日语平假名。
## 功能特点
- 拖放式交互界面
- 即时反馈正确/错误答案
- 双击可重置答案
- 随机排列的平假名字符
- 包含完整的平假名表（あ行到わ行）
## 技术实现
- 纯JavaScript实现，采用MVC架构
- 使用HTML5拖放API
- CSS Grid 和 Flex box 布局
- 错误处理和日志记录
## 使用方法
1. 从右侧区域拖动平假名字符
2. 将字符放入左侧对应的罗马音位置
3. 放置后会立即显示是否正确
4. 如需更改答案，双击已填充的格子即可清除
## 开发过程中的对话记录
### 2024-01-07
- 我：请帮我实现一个平假名练习的网页应用
- AI：好的，我们可以使用HTML、CSS和JavaScript来实现这个应用。我建议使用MVC架构来组织代码。
- 我：可以使用拖放功能来实现吗？
- AI：是的，HTML5的拖放API非常适合这个场景。我们可以创建两个区域，一个用于显示目标位置，另一个用于显示可拖动的平假名。
- 我：能否添加即时反馈功能？
- AI：当然可以。我们可以在放置字符时立即检查答案，并用不同的颜色标示正确与错误。
### 2024-01-08
- 我：如何处理错误情况？