0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

🔰JavaScript for文、if文の星の出力

Posted at

自分用のメモです。

【表示させたい①】
★☆★
★☆★
★☆★
以下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パターンで星を表示する。」

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?