JavaScriptでの計算

定価360円の商品を購入するときその個数が１～９なら定価販売
１０～１９の時なら全体から５％割引
２０～なら１０％割引にしたいのですがすべて定価になってしまいます
どうすればいいのでしょうか？

JavaScript
1<!doctype html>
2<html>
3<head>
4  <meta charset="utf-8">
5</head>
6<body>
7  <p>のり弁当１個680円</p>
8  <p>購入数を入力してください</p>
9  <input type="text" id="num" placeholder="10">
10  <input type="button" value="購入価格の表示" onclick="shopping()">
11  <div id="showMoney"></div>
12  <script>
13    function shopping(){
14
15      //入力された数を取得
16      var num = document.getElementById('num').value;
17      //条件によって計算
18      //1~9個の時は定価販売
19      if(num >= 1 || num <= 9 ){
20        var price = num * 360
21        var mess = num + "個の購入ありがとうございます。\nお会計は" + price + "円です";
22      }else
23      //10~19個のときは5％引きで販売
24      if(num >= 10 || num <= 19){
25        var price = (num * 360) * 0.05;
26        var mess = num + "個の購入ありがとうございます。\nお会計は" + price + "円です";
27      }else
28      //20~29個のときは10％引きで販売
29      if(num >= 20){
30        var price = (num * 360) * 0.1;
31        var mess = num + "個の購入ありがとうございます。\nお会計は" + price + "円です";
32      }
33
34      document.getElementById('showMoney').innerHTML = mess;
35    }
36
37  </script>
38</body>
39</html>

行動規範の内容に同意します

回答3件

条件式が間違っています。num >= 1 || num <= 9では、「numが1個以上または9個以下」という意味なので、全てここにヒットしてしまいます。&&で両方の条件をみたす場合を拾いましょう。

投稿2015/10/27 01:29

maisumakun

総合スコア145184

<!doctype html> <html> <head> <meta charset="utf-8"> </head> <body> <p>のり弁当１個360円</p> <p>購入数を入力してください</p> <input type="text" id="num" placeholder="10"> <input type="button" value="購入価格の表示" onclick="shopping()"> <div id="showMoney"></div> <script> function shopping(){

  //入力された数を取得
  var num = document.getElementById('num').value;
  //条件によって計算
  //1~9個の時は定価販売
  if(num > 0){//個数が設定されているか
    if(num >= 10){//割引適用される個数か
      if(num >= 20){//20個以上か
        var price = (num * 360) * 0.9;
      }else{
        var price = (num * 360) * 0.95;
      }
    }else{
      var price = num * 360;
    }
      var mess = num + "個の購入ありがとうございます。\nお会計は" + price + "円です";
  }else{
    var mess = "個数を設定してください";
  }
  document.getElementById('showMoney').innerHTML = mess;
}

</script> </body> </html>

投稿2015/10/27 04:35

編集2015/10/27 04:41

Yousuck

総合スコア349

ベストアンサー

色々と間違ってますが、以下のようでできると思います。

javascript
1<!doctype html>
2<html>
3<head>
4  <meta charset="utf-8">
5</head>
6<body>
7  <p>のり弁当１個680円</p>
8  <p>購入数を入力してください</p>
9  <input type="text" id="num" placeholder="10">
10  <input type="button" value="購入価格の表示" onclick="shopping()">
11  <div id="showMoney"></div>
12  <script>
13    function shopping(){
14
15      //入力された数を取得
16      var num = Number(document.getElementById('num').value);
17      //条件によって計算
18      //1~9個の時は定価販売
19      if(num >= 1 && num <= 9 ){
20        var price = num * 680
21        var mess = num + "個の購入ありがとうございます。\nお会計は" + price + "円です";
22      }else
23      //10~19個のときは5％引きで販売
24      if(num >= 10 && num <= 19){
25        var price = (num * 680) * 0.95;
26        var mess = num + "個の購入ありがとうございます。\nお会計は" + price + "円です";
27      }else
28      //20~29個のときは10％引きで販売
29      if(num >= 20){
30        var price = (num * 680) * 0.9;
31        var mess = num + "個の購入ありがとうございます。\nお会計は" + price + "円です";
32      }
33
34      document.getElementById('showMoney').innerHTML = mess;
35    }
36
37  </script>
38</body>
39</html>