JavaScriptを使って、繰り返し（for,while)

for文での繰り返し

HTML、Javascript <body>

<script>
for(var i = 1;i <=10; i=i+1){
console.log(i);
document.write(i);
}
</script>
</body>

本ではdocument.writeは書かれていませんが、見やすくするため書いています。F12 →　consoleでも確認してみてください。

文字列を連結させてfor文での繰り返し

HTML、Javascript <body>

<script>
for(var i = 10;i <=20; i++){
console.log(i + '枚');
document.write(i + '枚');
}
</script>
</body>

while文での繰り返し

HTML、Javascript <body>

<script>
var enemy = 80;
var attack;
window.alert('戦闘スタート| Battle start ')
while(enemy > 0){
attack = Math.floor(Math.random() *30)+1
console.log('モンスターに'　+ attack + 'のダメージ');
document.write('モンスターに'　+ attack + 'のダメージ、');
enemy = enemy - attack;
}
console.log('モンスターを倒した！| Defeated a monster! ');
document.write('モンスターを倒した！| Defeated a monster! ');
</script>
</body>

for文とwhile文の違いは「繰り返しの回数が初めから決まっているかどうか」です。ここではfor文を使用したものは10回繰り返すことが確定しています。それに対してここでのwhile文は、いつ体力（変数enemy)が0以下になるかわかりません。一体何回繰り返し処理が実行されるか、終わってみないとわかりません。

この本から引用、参考にして学び、完成させることができました。しかし、ここではプログラミング初心者の私が詳しく解説することは、おこがましく、難しく出来ません（ToT）
その点、この本では丁寧な解説が載っていますので、解説とともにコードを書き、完成させればより深く学ぶことができます(^.^)、実際、初心者の私でもわかりやすかったです。身に付け消えないスキルが3,000円弱ならコスパよく、買っておいてよかったと満足してます。

わからないことはプロフェッショナルから学ぶのが一番

キャリアアップに必要なスキルを取得しよう。

オンラインで受講ができるスクールですので、全国どこからでも。