Reston

Top > JavaScript > 1-13

Java Script1-13 選ばれた年齢によって、割引率を変える―switch

利用するメソッド
  • alert()…1-1参照
  • dcument.getElementById…1-12参照
  • if(){}else{}…1-2参照
  • onchange=""…ドロップダウンリストのイベント。「値が変化したとき」
  • switsh…スイッチケース文。

スクリプト文

document.getElementById('age').onchange = function(){
var age = document.getElementById('age').value;

switch(age){
case '10':
alert('10歳以下の方は、半額です');
break;
case '30':
alert('11~30歳の方は、割引はありません');
break;
case '50':
alert('31~50歳の方は、10%の割引です');
break;
case '51':
alert('51歳以上の方は、30%の割引です');
break;
}
}

スクリプト実行結果
年齢を選んでください
Page Top△

← 1-12 ボタンをクリックしたら、確認ボックスを表示する①―イベント
1-14 作成中…