teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

追記

2019/11/20 12:37

投稿

kyoya0819
kyoya0819

スコア10434

answer CHANGED
@@ -7,7 +7,7 @@
7
7
  <button id="btn">実行</button>
8
8
  <p>出力</p>
9
9
  <p>整数値を入力してください</p>
10
- <div id=result></div>
10
+ <div id=result></div> <!-- 追加 -->
11
11
 
12
12
  ```
13
13
  ```JS
@@ -28,8 +28,8 @@
28
28
  } else {
29
29
  console.log(alert('エラーメッセージ「整数値を入力してください」'));
30
30
  }
31
- var result = document.getElementById('result');
31
+ var result = document.getElementById('result'); //追加
32
- result.innerHTML = "";
32
+ result.innerHTML = ""; //追加
33
33
  for (let number = 1; number <= 100; number++) {
34
34
 
35
35
  console.log(Number.isInteger(fizzNum));
@@ -38,20 +38,17 @@
38
38
  if(number % fizzNum === 0 && number % buzzNum === 0) {
39
39
  const p = document.createElement('p');
40
40
  p.textContent = ("FizzBuzz" + " "+ number);
41
- p.className = 'FiBu';
42
- result.appendChild(p);
41
+ result.appendChild(p); //修正
43
42
 
44
43
  } else if(number % fizzNum === 0) {
45
44
  const p = document.createElement('p');
46
45
  p.textContent = ("Fizz" + " " + number);
47
- p.className = 'FiBu';
48
- result.appendChild(p);
46
+ result.appendChild(p); //修正
49
47
 
50
48
  } else if(number % buzzNum === 0) {
51
49
  const p = document.createElement('p');
52
50
  p.textContent = ("Buzz" + " " + number);
53
- p.className = 'FiBu';
54
- result.appendChild(p);
51
+ result.appendChild(p); //修正
55
52
  }
56
53
  }
57
54