テキストボックスに数値を入力して、その値によって文字列を表示したいです。
しかし、どの値を入れても、最初の条件にマッチし、「軽すぎ」としか表示されません。
おまけに、formタグの表示や、画像の表示まで、ボタンを押すと消えてしまい、「軽すぎ」という文字だけが表示され、cssも適用されなくなります。
javascript
1<!DOCTYPE HTML> 2<html> 3<head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 6 <link rel="stylesheet" href="css/style.css"> 7 <script> 8 </script> 9</head> 10<body> 11<br /> 12<form name="js"> 13<center>あなたの体重は?</center> 14<center><input type="text" id="body" name="weight"></center> 15<center><input type="button" value="決定ボタン" id="bt"/></center> 16</form> 17<script language="javascript" type="text/javascript"> 18var taijyu = document.js.weight.value; 19taijyu = Number(taijyu); 20var bt = document.getElementById( 'bt' ); 21bt.addEventListener( 'click', function( e ) { 22if (taijyu < 60) { 23 document.write("<center>軽すぎ</center>"); 24} else if(taijyu >= 60 && x < 70) { 25 document.write("<center>理想のサイズです</center>"); 26} else { 27 document.write("<center>重すぎ</center>"); 28} 29 }, false ); 30</script> 31<img src="images/sample.png"> 32</body> 33</html> 34
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/08/12 02:46
2017/08/12 02:50
2017/08/12 03:09
2017/08/12 04:47
2017/08/15 16:55