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.


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


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


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