Ділення стовпчиком — тренажер

Версія: 1.74 (08.10.2026) Онлайн: https://mranoven-coder.github.io/dilennya/ Ліцензія: CC BY-NC-ND 4.0

Безкоштовний інтерактивний тренажер, який навчає дітей ділити багатоцифрові числа в стовпчик. Дитина проходить кожен крок сама: вгадує цифру частки (з підказками «забагато» / «замало»), множить, віднімає — так само, як у зошиті. Працює офлайн у будь-якому браузері, можна встановити як застосунок на телефон чи комп'ютер.

Можливості

• Чотири рівні складності: від «2 цифри ÷ 1 цифра» до «3–4 цифри ÷ 2 цифри»
• Перемикач «з остачею», щоб генерувати приклади з остачею або без
• Власний приклад: можна ввести своє ділене й дільник
• Підказки (💡, безкоштовно) і «Показати відповідь» (👀, зі штрафом до підсумкової оцінки)
• Оцінка результату зірочками залежно від кількості помилок
• Класичний вигляд стовпчика: дільник над рискою, частка під нею, як у зошиті
• Тема оформлення в ⚙: «Як на пристрої» (за замовчуванням), світла або темна
• Екранна цифрова клавіатура на комп'ютері: вікно з цифрами, яке можна перетягувати мишею (вмикається в ⚙)
• Цифри відповіді вводяться прямо в записі, як у зошиті (можна повернути поле для відповіді в ⚙)
• Телефон: панель з цифрами внизу екрана замість системної клавіатури; «Режим введення» (Авто / Комп'ютер / Телефон) у ⚙
• Автопрокрутка: активний рядок запису завжди видно над панеллю цифр
• Множення і віднімання по цифрах справа наліво, з перенесенням і позичанням десятка (цифра × цифра і множення на 1 пишуться як є, зліва направо)
• Власний приклад: дотик (або клік) по числу, що набирається, підтверджує його
• Працює офлайн (PWA), можна встановити як застосунок

Історія змін

v1.74 — 08.10.2026

• Розмітка зображень (schema.org ImageObject): додано creditText, copyrightNotice, acquireLicensePage — усунуто три некритичні попередження Google Search Console «Метадані зображення»

v1.73 — 07.10.2026

• Розділ «Приклади ділення стовпчиком із розв’язанням»: три великі зображення (images/, JPG + WebP) із докладним покроковим описом, ключовими словами, alt/title, розміткою schema.org ImageGallery/ImageObject; додано приклад sitemap.xml.example із image:image

v1.72 — 07.10.2026

• Виправлено: коли цифра частки — 1, а дільник має кілька цифр (наприклад, 52), на комп'ютері після першої цифри добутку з'являлася помилка «Ще раз». Тепер добуток вводиться повністю (5, потім 2) і перевіряється після останньої цифри

v1.71 — 07.10.2026

• Якщо цифра частки — 1, множення 1 × дільник не робиться стовпчиком: дільник (наприклад, 38) записується як є, зліва направо, мигаюча крапка стоїть ліворуч, а риска — під числом; для інших цифр множення стовпчиком справа наліво не змінилось

v1.70 — 06.10.2026

• Телефон: системна клавіатура більше не вискакує при запуску — поле відповіді з самого початку не викликає її, а в режимі «Телефон» фокус із нього знімається; цифри вводяться панеллю внизу екрана

v1.69 — 06.10.2026

• Множення цифри на цифру (наприклад, 5 × 9) тепер пишеться як є, зліва направо: спочатку 4, потім 5, а риска стоїть під обома цифрами; якщо дільник має кілька цифр, множення стовпчиком справа наліво не змінилось
• Сторінка сама прокручується, щоб активний рядок запису й підказка завжди були видні над панеллю цифр (раніше їх доводилося піднімати пальцем)

v1.68 — 06.10.2026

• У ⚙ «Налаштування» з'явився вибір теми: «Як на пристрої» (за замовчуванням, як було досі), «Світла» або «Темна»

v1.67 — 06.10.2026

• Швидкі дотики по різних числах більше не губляться (ігнорується лише повтор дотику по тому самому числу); «Показати відповідь» у множенні та відніманні по цифрах штрафує раз за крок; нові правила додано в «Інструкцію» та в підказки при запуску; прибрано службовий код діагностики й невикористаний код

v1.66 — 05.10.2026

• Зміна рівня складності чи галочки «з остачею» одразу дає новий приклад обраного рівня (раніше приклад змінювався лише після «Нове завдання»)

v1.65 — 05.10.2026

• Множення стовпчиком: в останньому стовпчику двоцифровий результат тепер теж вводиться по цифрах справа наліво (3 × 7 = 21: спочатку 1 під попередньою цифрою, потім 2 лівіше)

v1.64 — 05.10.2026

• Множення при діленні теж стовпчиком, як у зошиті: цифри добутку вводяться по одній справа наліво, десятки переносяться в наступний стовпчик (3 × 2, потім 3 × 3, потім 3 × 7 = 21)

v1.63 — 05.10.2026

• Віднімання стовпчиком, як у зошиті: цифри остачі вводяться по одній справа наліво, а підказка показує позичання десятка (наприклад, 824 − 638: 14 − 8, потім 11 − 3, потім 7 − 6 = 186). Працює в режимі введення на дошці

v1.62 — 05.10.2026

• Свій приклад: дотик по числу, яке зараз вводиться, підтверджує його (як ✔): дотик по діленому — ділене стабілізується й починає блимати дільник; дотик по дільнику — дільник стабілізується й починається ділення

v1.61 — 04.10.2026

• Курсор при введенні: блимає остання набрана цифра (а в порожньому полі — крапка), тож завжди видно, куди продовжиться набір
• Телефон, планшет і будь-який сенсорний екран (зокрема планшет із клавіатурою чи мишею): ділене й дільник легше активувати дотиком — більша зона дотику, видимі порожні місця й рамка навколо активного числа; під час введення свого прикладу ліва половина дошки активує ділене, а права — дільник; прибрано підсвічування, що «застрягало» після дотику

v1.6 — 04.10.2026

• Телефон: цифри вводяться панеллю внизу екрана замість системної клавіатури, прямо в записі на дошці; дотик по діленому чи дільнику відкриває їх для зміни
• Дільник може бути будь-яким від 2 до самого діленого (наприклад, 21 : 7); обмеження «частка з 2 цифр» діє лише для випадкових прикладів
• У ⚙ «Режим введення»: Авто (сам визначає пристрій; планшет переходить у режим «Комп'ютер», щойно натиснути клавішу чи зрушити мишу), Комп'ютер або Телефон

v1.58 — 04.10.2026

• Виправлено: клік по дільнику під час редагування діленого більше не блокується, навіть якщо ділене ще порожнє; повну перевірку виконано при підтвердженні

v1.57 — 04.10.2026

• На комп'ютері не можна ввести дільник, на який приклад неможливо розв'язати: завелика цифра просто не вводиться, а підказка показує допустимий діапазон (від 2 до однієї десятої діленого)

v1.56 — 04.10.2026

• На комп'ютері клік по діленому чи дільнику на дошці відкриває його для зміни: цифри можна додавати й стирати, Enter підтверджує, Esc повертає приклад як був

v1.55 — 04.10.2026

• На комп'ютері рядок «Своє» замінено кнопкою «✏️ Своє»: ділене й дільник вводяться прямо на дошці (Enter після кожного), і приклад починається сам; Esc скасовує

v1.54 — 04.10.2026

• Прибрано зайву вертикальну смугу прокрутки біля запису, яка з'являлася, коли останнім рядком була риска під добутком

v1.53 — 04.10.2026

• Добуток і остача перевіряються самі, щойно набрано потрібну кількість цифр: курсор одразу переходить на наступне місце, Enter натискати не обов'язково

v1.52 — 04.10.2026

• Мінус і риска під числом при множенні з'являються разом з першою набраною цифрою добутку, а не наперед

v1.51 — 04.10.2026

• Замість миготливої риски курсором тепер служить миготлива крапка; прибрано зайву смугу прокрутки біля запису

v1.5 — 04.10.2026

• На комп'ютері цифри відповіді вводяться прямо в записі, як у зошиті: окреме поле й кнопка «Перевірити» зникли. Цифра частки перевіряється одразу, добуток і остача підтверджуються Enter (або ✔ на екранній клавіатурі)
• У ⚙ «Налаштування» є галочка, щоб повернути поле для відповіді

v1.4 — 04.10.2026

• Виправлено: вікно підказок при запуску закривається дотиком у будь-якому місці, як і написано в ньому

v1.3 — 03.10.2026

• Екранна цифрова клавіатура для комп'ютера: вікно з цифрами, яке можна перетягувати мишею; вмикається галочкою в ⚙ «Налаштування» (за замовчуванням вимкнена)

v1.2 — 02.10.2026

• Кнопка «Встановити застосунок» (на iPhone — підказка, як встановити вручну)
• Дрібні поліпшення для пошукових систем

v1.1 — 30.09.2026

• Мітка версії поруч із заголовком, дотик відкриває «Що нового»
• Кнопки: «Підтримати проєкт», «Поділитися», «Інструкція», «Що нового», «Залишити побажання»
• Розділ «Про тренажер» для SEO
• Налаштування (⚙): підказки при запуску, розмір цифр, «не вимикати екран», можливість вимкнути кнопку «Показати відповідь»
• robots.txt, sitemap.xml, LICENSE, .gitattributes

v1.0 — 30.09.2026

• Перша версія: чотири рівні складності, покрокове ділення в стовпчик, PWA

Технічні примітки

• Один самодостатній файл index.html (HTML + CSS + JS, без зовнішніх залежностей)
• sw.js — Service Worker для офлайн-роботи; HTML завжди береться свіжим з мережі, коли інтернет є
• manifest.json — опис для встановлення як PWA
• images/ — зображення-приклади для розділу «Приклади ділення стовпчиком» (JPG + WebP)
• icons/ — іконки застосунку (192×192, 512×512, apple-touch-icon, og-image для соцмереж)

Перед публікацією

У файлах index.html та manifest.json варто замінити URL-заглушку (https://mranoven-coder.github.io/dilennya/) на реальну адресу сторінки після того, як репозиторій опублікується на GitHub Pages — інакше посилання canonical, Open Graph та JSON-LD вказуватимуть у нікуди.

Ліцензія

© 2026 Anatolii Bondarenko