Skip to content

Commit fa74454

Browse files
danilovcppdanilovcpp
committed
Реализовал Flash Anzan
1 parent ec28c70 commit fa74454

3 files changed

Lines changed: 737 additions & 8 deletions

File tree

‎index.html‎

Lines changed: 113 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,40 @@ <h1 class="title">
1616
</header>
1717

1818
<main class="main-content">
19-
<section class="controls-section">
19+
<section class="trainer-selection">
20+
<div class="card">
21+
<h2>Выберите тренажер</h2>
22+
<div class="trainer-grid">
23+
<div class="trainer-card" data-trainer="basic">
24+
<div class="trainer-icon">🎯</div>
25+
<h3>Базовый режим</h3>
26+
<p>Практика работы с абакусом и ввод чисел вручную</p>
27+
</div>
28+
<div class="trainer-card" data-trainer="flash-anzan">
29+
<div class="trainer-icon">⚡</div>
30+
<h3>Flash Anzan</h3>
31+
<p>Быстрые вычисления (Speed Math) - числа появляются на экране на доли секунды</p>
32+
</div>
33+
<div class="trainer-card" data-trainer="guess-result">
34+
<div class="trainer-icon">🎲</div>
35+
<h3>Угадай результат</h3>
36+
<p>Решайте примеры и вводите правильный ответ</p>
37+
</div>
38+
<div class="trainer-card" data-trainer="mental-visualization">
39+
<div class="trainer-icon">🧠</div>
40+
<h3>Mental Visualization</h3>
41+
<p>Абакус из головы - визуализация без физического инструмента</p>
42+
</div>
43+
<div class="trainer-card" data-trainer="soroban">
44+
<div class="trainer-icon">🎴</div>
45+
<h3>Соробан (Японский абакус)</h3>
46+
<p>Традиционный японский счётный инструмент для развития навыков быстрого счёта</p>
47+
</div>
48+
</div>
49+
</div>
50+
</section>
51+
52+
<section class="controls-section trainer-section" data-mode="basic">
2053
<div class="card">
2154
<h2>Панель управления</h2>
2255
<div class="controls">
@@ -37,7 +70,7 @@ <h2>Панель управления</h2>
3770
</div>
3871
</section>
3972

40-
<section class="abacus-section">
73+
<section class="abacus-section trainer-section" data-mode="basic">
4174
<div class="card abacus-card">
4275
<h2>Соробан (Японский абакус)</h2>
4376
<div class="abacus-container">
@@ -52,7 +85,7 @@ <h2>Соробан (Японский абакус)</h2>
5285
</div>
5386
</section>
5487

55-
<section class="tutorial-section">
88+
<section class="tutorial-section trainer-section" data-mode="basic">
5689
<div class="card">
5790
<h2>Как использовать абакус</h2>
5891
<div class="tutorial-grid">
@@ -80,7 +113,7 @@ <h3>Считывание</h3>
80113
</div>
81114
</section>
82115

83-
<section class="practice-section">
116+
<section class="practice-section trainer-section" data-mode="basic">
84117
<div class="card">
85118
<h2>Практика</h2>
86119
<div class="practice-content">
@@ -94,6 +127,82 @@ <h3>Текущее задание:</h3>
94127
</div>
95128
</div>
96129
</section>
130+
131+
<section class="flash-anzan-section trainer-section" data-mode="flash-anzan" style="display: none;">
132+
<div class="card">
133+
<h2>Flash Anzan - Тренажер быстрых вычислений</h2>
134+
135+
<div class="flash-settings">
136+
<div class="setting-group">
137+
<label for="flash-count">Количество чисел:</label>
138+
<select id="flash-count" class="flash-select">
139+
<option value="3">3 числа</option>
140+
<option value="5" selected>5 чисел</option>
141+
<option value="10">10 чисел</option>
142+
<option value="15">15 чисел</option>
143+
<option value="20">20 чисел</option>
144+
</select>
145+
</div>
146+
147+
<div class="setting-group">
148+
<label for="flash-speed">Скорость (мс):</label>
149+
<select id="flash-speed" class="flash-select">
150+
<option value="1500">1500 мс (легко)</option>
151+
<option value="1000" selected>1000 мс (средне)</option>
152+
<option value="700">700 мс (сложно)</option>
153+
<option value="500">500 мс (эксперт)</option>
154+
<option value="300">300 мс (мастер)</option>
155+
</select>
156+
</div>
157+
158+
<div class="setting-group">
159+
<label for="flash-digits">Количество цифр:</label>
160+
<select id="flash-digits" class="flash-select">
161+
<option value="1">1 цифра</option>
162+
<option value="2" selected>2 цифры</option>
163+
<option value="3">3 цифры</option>
164+
<option value="4">4 цифры</option>
165+
</select>
166+
</div>
167+
</div>
168+
169+
<div class="flash-display">
170+
<div id="flash-number" class="flash-number"></div>
171+
<div id="flash-progress" class="flash-progress"></div>
172+
</div>
173+
174+
<div class="flash-controls">
175+
<button id="flash-start" class="btn btn-primary">Начать</button>
176+
<button id="flash-stop" class="btn btn-secondary" style="display: none;">Остановить</button>
177+
</div>
178+
179+
<div class="flash-answer" id="flash-answer-section" style="display: none;">
180+
<h3>Введите сумму всех чисел:</h3>
181+
<input type="number" id="flash-answer-input" class="flash-input" placeholder="Ваш ответ">
182+
<button id="flash-check" class="btn btn-accent">Проверить</button>
183+
</div>
184+
185+
<div id="flash-result" class="flash-result"></div>
186+
187+
<div class="flash-stats" id="flash-stats" style="display: none;">
188+
<h3>Статистика:</h3>
189+
<div class="stats-grid">
190+
<div class="stat-item">
191+
<span class="stat-label">Правильные ответы:</span>
192+
<span id="flash-correct" class="stat-value">0</span>
193+
</div>
194+
<div class="stat-item">
195+
<span class="stat-label">Неправильные:</span>
196+
<span id="flash-wrong" class="stat-value">0</span>
197+
</div>
198+
<div class="stat-item">
199+
<span class="stat-label">Точность:</span>
200+
<span id="flash-accuracy" class="stat-value">0%</span>
201+
</div>
202+
</div>
203+
</div>
204+
</div>
205+
</section>
97206
</main>
98207

99208
<footer class="footer">

0 commit comments

Comments
 (0)