回答編集履歴
1
Div配下のテキストをボタンを押すたびに変更するように修正
answer
CHANGED
|
@@ -14,6 +14,8 @@
|
|
|
14
14
|
<body>
|
|
15
15
|
<br />
|
|
16
16
|
<form name="js" id="form1">
|
|
17
|
+
<div style="text-align: center" id="result">
|
|
18
|
+
</div>
|
|
17
19
|
<center>あなたの体重は？</center>
|
|
18
20
|
<center><input type="text" id="body" name="weight"></center>
|
|
19
21
|
<center><input type="button" value="決定ボタン" id="bt"/></center>
|
|
@@ -24,12 +26,14 @@
|
|
|
24
26
|
bt.addEventListener( 'click', function( e ) {
|
|
25
27
|
var taijyu = document.forms.form1.body.value;
|
|
26
28
|
taijyu = Number(taijyu);
|
|
29
|
+
var result = document.getElementById('result');
|
|
30
|
+
result.textContent = null;
|
|
27
31
|
if (taijyu < 60) {
|
|
28
|
-
document.
|
|
32
|
+
result.append(document.createTextNode("軽すぎ"))
|
|
29
33
|
} else if(taijyu >= 60 && taijyu < 70) {
|
|
30
|
-
document.
|
|
34
|
+
result.append(document.createTextNode("理想のサイズです"))
|
|
31
35
|
} else {
|
|
32
|
-
document.
|
|
36
|
+
result.append(document.createTextNode("重すぎ"))
|
|
33
37
|
}
|
|
34
38
|
}, false );
|
|
35
39
|
</script>
|