Learn Kana with simple JavaScript

Learn Hiragana and Katakana charaters with some help from plain old JavaScript.

Photo by Jelleke Vanooteghem on Unsplash

Data structure

Lets create app.js, it will contain our JavaScrip, data structure and the function to fetch a random kana out of the array.

HTML & CSS

The html is straightforward. We need to display the english charater somewhere so we dont forget what the hiragana and katakana kana actually mean.

JavaScript

All we need now is to fetch the next random kana when we click the Next button and update the page.

developer

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store