JavaScriptのコードの振り仮名を表示する

投稿者: | 2021年9月22日

スラスラ読める JavaScriptふりがなプログラミング(インプレス)を最後まで学習しました。

P174〜181の Chapter5 Webページに組み込もう の「テキスト置換マシンを作る」で学んだ内容を用いて

JavaScriptのコードの振り仮名を表示するアプリを作成しました。

事前に、コードと、振り仮名の組み合わせを登録したものについてのみ振り仮名が表示されます。

では紹介します。

ブラウザでhtmlファイルを開くとこのようになります。

「code」の入力枠に、JavaScriptのコードを貼り付けます。

「置換」をクリックします。

振り仮名が表示されます。

JavaScript コードレシピ集(技術評論社)のP091

「034 文字列を別の文字列に 置き換えたい」

の内容も参考にしました。

replaceメソッドの使い方が解説されています。