ステップアップJavaScript フロントエンド開発の初級から中級へ進むために

● STEP 0-3

JavaScriptで複数の要素を操作する

配列と繰り返し処理

　次は、配列と繰り返し処理を確認しましょう。fruitsという文字列の配列を使って、画面にul>liのタグを生成します（リスト0-3-010-3-02）。

DEMO https://books.circlearound.co.jp/step-up-javascript/demos/step0/7

0-3-01　index.html

...

　<button id="testButton">ボタンです</button>

　<ul id="arrayTest"></ul>

　<script src="./main.js"></script>

...

0-3-02　main.js

...

　　alert('偶数ではありません');

　}

});

var fruits = ['りんご', 'もも', 'みかん']; ❶

var fruitsStr = '';

for(var i = ; i < fruits.length; i++) { ❷

　fruitsStr += '<li class="fruit">' + fruits[i] + '</li>'; ...