javascript ${}(テンプレートリテラル)をカスタマイズする

javascript ${}(テンプレートリテラル)をカスタマイズする

javascriptで変数を文字列内に埋め込むことができる${}(テンプレートリテラル)をカスタマイズするサンプルコードを掲載してます。ブラウザはchromeを使用しています。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome 89.0.4389.128

カスタマイズ

javascriptではテンプレートリテラルを、以下のようにカスタマイズして利用することが可能です。

実行結果

また、以下のコードを、

document.getElementByIdの省略化、forEach、アロー関数を使用して、簡潔に記述することもできます。