jQuery leeson
- 自動販売機を模したアプリケーションを作成してください。
- テキストボックスにユーザーが金額を入力。
- 支払いボタンを押すと、下記の条件でテキストを表示してください。
- 金額がちょうどの場合は
- ちょうどですありがとうございます。というテキストを表示
- 多い場合は
- ～～円のお釣りです。ありがとうございます。というテキストを表示
- 金額がちょうどの場合は
- ～～円たりません。というテキストを表示
- 商品の金額は、作成者次第
- 商品の種類は、作成者次第
- 繰り返し買い物ができるかは、作成者次第
- ユーザーインターフェースも、作成者次第
val()メソッドで取得した値は文字列です。そのままでは計算がでいないので、数値に型変換を行うために、parseInt()メソッドを使用します。
//input要素のvalue値を取得し、10進数の数値として変数valに代入する式
var val = parseInt($('input').val(),10);
UIサンプル
自販機のメッセージ欄
