自分用のメモです。
【表示させたい①】
★☆★
★☆★
★☆★
以下script.js :
for(var a=1; a <4; a++){
for(var i=0; i<3; i++){
if(i%2 ==0){
document.write("★");
}else{
document.write("☆");
}
}
document.write("
");
}
「解説:・1行につき、2つの星を交互に表示する。改行が必要。→2つのfor
文を使う。親要素は改行、子要素は、星を交互に表す。→偶数か奇数かの2パターン。」
【表示させたい②】
★☆★☆★☆
☆★☆★☆★
★☆★☆★☆
★☆★☆★☆
☆★☆★☆★
以下script.js :
for(var i=1; i<= 25; i++){
if(i % 2 == 1){
document.write("★");
} else {
document.write("☆");
}
if(i % 5 == 0) {
document.write("
");
}
}
「解説:・1行につき5つの星5行表示する、星を交互に表示する。→全部で星は25個。5で割った時の余が0なら改行。偶数か奇数かで星の色を変える。」
【表示させたい③】
☆★★★★
★☆★★★
★★☆★★
★★★☆★
★★★★☆
以下script.js :
for (var i = 0; i < 5; i++){
for (var a=0; a <5; a+=1){
if(a != i){
document.write("★");
} else{
document.write("☆");
}
}
document.write("
");
}
「解説:1行につき2種類の星を5つ表示する。5つのうちの1つは、一番左から始まり、1つづつ右に移動する。→全部で5行必要。親要素のfor文の数が子要素と一致するかしないかの2パターンで星を表示する。」