回答編集履歴

1

Div配下のテキストをボタンを押すたびに変更するように修正

2017/08/12 02:57

投稿

motuo
motuo

スコア3027

test CHANGED
@@ -30,6 +30,10 @@
30
30
 
31
31
  <form name="js" id="form1">
32
32
 
33
+ <div style="text-align: center" id="result">
34
+
35
+ </div>
36
+
33
37
  <center>あなたの体重は?</center>
34
38
 
35
39
  <center><input type="text" id="body" name="weight"></center>
@@ -50,17 +54,21 @@
50
54
 
51
55
  taijyu = Number(taijyu);
52
56
 
57
+ var result = document.getElementById('result');
58
+
59
+ result.textContent = null;
60
+
53
61
  if (taijyu < 60) {
54
62
 
55
- document.write("<center>軽すぎ</center>");
63
+ result.append(document.createTextNode("軽すぎ"))
56
64
 
57
65
  } else if(taijyu >= 60 && taijyu < 70) {
58
66
 
59
- document.write("<center>理想のサイズです</center>");
67
+ result.append(document.createTextNode("理想のサイズです"))
60
68
 
61
69
  } else {
62
70
 
63
- document.write("<center>重すぎ</center>");
71
+ result.append(document.createTextNode("重すぎ"))
64
72
 
65
73
  }
66
74