virtual-keyboard

• the virtual keyboard is able to switch between two language layouts (English + Russian).
• the buttons on the virtual keyboard display symbols of a selected language
• the application saves a chosen language after the page is reloaded and displays the keyboard on that language
• the keyboard shortcut for changing language indicate on the page.
• mouse clicks on buttons of the virtual keyboard or pressing buttons on a physical keyboard inputs characters to the input field (text area)

Skills:

• studied the features of working with textarea (selectionStart и selectionEnd)
• studied keyboard events
• used Local Storage to save keyboard layout language

Tools

• Html/Css/Vanilla JS
• Sass
• WebPack
• ESLint

---

• виртуальная клавиатура способна переключаться между двумя языковыми раскладками (английский + русский).
• кнопки на виртуальной клавиатуре отображают символы выбранного языка
• приложение сохраняет выбранный язык после перезагрузки страницы и отображает клавиатуру на этом языке
• сочетание клавиш для смены языка указано на странице.

Навыки:

• изучила особенности работы с textarea (selectionStart и selectionEnd)
• изучила события клавиатуры
• использовала Local Storage для сохранения языка раскладки клавиатуры

Технологии

• Html/Css/Vanilla JS
• Sass
• WebPack
• ESLint