javascript 配列をliタグで表示する

javascript 配列をliタグで表示する

javascriptで、配列をliタグにしてフロントに表示するサンプルコードを記述してます。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43

※windows10にApacheのインストールはこちら

サンプルコード

pushメソッドでfor文を利用して、以下のコードでhtmlを生成して表示します。

以下は、用意した配列をボタンをクリックするとliタグで表示するサンプルコードとなります。

※cssには「uikit」を使用してます。

配列がliタグで表示されいることが確認できます。