This project is an interactive web application designed to enhance vocabulary memorization and retention. It empowers users to create personalized word lists with translations, then practice and reinforce these words through engaging, memory-boosting exercises.
- Input words and their translations
- Display words one by one
- Toggle translation visibility
- Pronounce English words
- Mark words as mastered or not mastered
- Switch between initial word list and not mastered words
index.html
: The main HTML file containing the structure of the web pagestyles.css
: CSS file for styling the applicationscript.js
: JavaScript file containing the application logic
- Open
index.html
in a web browser. - Enter words and their translations in the text area, following the format:
1. English word Chinese translation 2. Another word 另一个词
- Click "Process" to load the words.
- Use the buttons to interact with the words:
- "Toggle Translation": Show/hide the translation
- "Pronounce": Hear the pronunciation of the English word
- "Previous": Go to the previous word
- "Master": Mark the current word as mastered
- "Not Master": Mark the current word as not mastered
- "Switch to Not Mastered Words": Toggle between all words and not mastered words
A modern web browser with JavaScript enabled.
这是一个交互式单词翻译和学习的网页应用。它允许用户输入单词列表及其翻译,然后以交互方式练习和管理这些单词。
- 输入单词及其翻译
- 逐个显示单词
- 切换翻译可见性
- 发音英语单词
- 将单词标记为已掌握或未掌握
- 在初始单词列表和未掌握单词之间切换
index.html
:包含网页结构的主HTML文件styles.css
:用于应用程序样式的CSS文件script.js
:包含应用程序逻辑的JavaScript文件
- 在网络浏览器中打开
index.html
。 - 在文本区域中输入单词及其翻译,遵循以下格式:
1. English word 中文翻译 2. Another word 另一个词
- 点击"Process"加载单词。
- 使用按钮与单词交互:
- "Toggle Translation":显示/隐藏翻译
- "Pronounce":听英语单词的发音
- "Previous":转到上一个单词
- "Master":将当前单词标记为已掌握
- "Not Master":将当前单词标记为未掌握
- "Switch to Not Mastered Words":在所有单词和未掌握单词之间切换
支持JavaScript的现代网络浏览器。