Testing keypress events using Mousetrap, a simple library for handling keyboard shortcuts in Javascript.
Numbers 0 to 9 will render Japanese equivalent using unicode characters. To hear audio of Japanese numbers
xxxxxxxxxx<html lang="en"><head> <meta charset="utf-8"> <title>d3 | keypress keyboard events</title> <meta name="author" content="Sundar Singh | eesur.com"> <link rel="stylesheet" href="main.css"> <script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.10.1/lodash.min.js" charset="utf-8"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/mousetrap/1.4.6/mousetrap.js" charset="utf-8"></script></head><body><header> <p>Use button/keyboard to show number in Japanese:</p> <ul id="number-btns"> <li id="num-0">0</li> <li id="num-1">1</li> <li id="num-2">2</li> <li id="num-3">3</li> <li id="num-4">4</li> <li id="num-5">5</li> <li id="num-6">6</li> <li id="num-7">7</li> <li id="num-8">8</li> <li id="num-9">9</li></ul></header><h1 id="number"></h1><footer> <h3 id="reading"></h3></footer><script src="d3_code_japanese_numbers.js" charset="utf-8"></script></body></html> Modified http://d3js.org/d3.v3.min.js to a secure url
https://d3js.org/d3.v3.min.js
https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.10.1/lodash.min.js
https://cdnjs.cloudflare.com/ajax/libs/mousetrap/1.4.6/mousetrap.js