①商品、
②場所、
③期間、を選ぶと、
料金を計算できる
フォームをJavaScriptで作成したいです。
それぞれの項目には
5つのオプションがあります。
ヒントを頂きたいのですが、
このようなフォームを作成する場合、
それぞれの組み合わせのIF文を作っておくのでしょうか？
例えば
If(商品１＋場所１＋期間１) {5000円};
If(商品2＋場所2＋期間2) {3000円};
If(商品3＋場所3＋期間3) {1000円};
コンビネーション分を作るのは面倒ですし、
将来商品が増えたら、また書き直さないといきません。
他に効率的な良い方法をご教示頂けますでしょうか。
例
修正分
下記のような料金表があります。（例）
商品名 場所 期間 計算
すいか 山梨 ５月 = 5000円
すいか 山梨 6月 ＝ 6000円
すいか 山梨 7月 ＝ 5000円
すいか 山梨 ８月 ＝ 4000円
すいか 山梨 ９月 ＝ 3000円
IF分でやると面倒なので、
スマートなやり方を探しております・・・
-
気になる質問をクリップする
クリップした質問は、後からいつでもマイページで確認できます。
またクリップした質問に回答があった際、通知やメールを受け取ることができます。
クリップを取り消します
-
良い質問の評価を上げる
以下のような質問は評価を上げましょう
- 質問内容が明確
- 自分も答えを知りたい
- 質問者以外のユーザにも役立つ
評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。
質問の評価を上げたことを取り消します
-
評価を下げられる数の上限に達しました
評価を下げることができません
- 1日5回まで評価を下げられます
- 1日に1ユーザに対して2回まで評価を下げられます
質問の評価を下げる
teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。
- プログラミングに関係のない質問
- やってほしいことだけを記載した丸投げの質問
- 問題・課題が含まれていない質問
- 意図的に内容が抹消された質問
- 過去に投稿した質問と同じ内容の質問
- 広告と受け取られるような投稿
評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。
質問の評価を下げたことを取り消します
この機能は開放されていません
評価を下げる条件を満たしてません
質問の評価を下げる機能の利用条件
この機能を利用するためには、以下の事項を行う必要があります。
- 質問回答など一定の行動
-
メールアドレスの認証
メールアドレスの認証
-
質問評価に関するヘルプページの閲覧
質問評価に関するヘルプページの閲覧
checkベストアンサー
0
配列
配列にして for もしくは forEach で繰り返し処理させてみてはどうでしょうか。
データをCSVで持っておき、配列に変換するジェネレータを作っておくと管理が楽になりそうです。
'use strict';
function calc (name, place, period) {
var products = [
{name: 'すいか', place:'山梨', period: 5, cost: 7000},
{name: 'すいか', place:'山梨', period: 6, cost: 6000},
{name: 'すいか', place:'山梨', period: 7, cost: 5000},
{name: 'すいか', place:'山梨', period: 8, cost: 4000},
{name: 'すいか', place:'山梨', period: 9, cost: 3000}
];
// for 文か forEach で producs を繰り返し処理して3つの値が一致する商品を見つける
}CSVパーサ
管理面を考えるなら表データをcsvファイル化し、csvから配列に変換するCSVパーサを使うと良いと思います。
大分前に rfc4180.js を作りましたが、今見ると修正したい部分が多数あったので csv.js に作り直しました。
var csvString = '"すいか","山梨","5","7000"\r\n"すいか","山梨","6","6000"\r\n"すいか","山梨","7","5000"\r\n"すいか","山梨","8","4000"\r\n"すいか","山梨","9","3000"',
array = CSV.parse(csvString);
console.log(Object.prototype.toString.call(CSV)); // [object CSV]
console.log(CSV.stringify(array) === csvString); // true
console.log(JSON.stringify(array)); // [["すいか","山梨","5","7000"],["すいか","山梨","6","6000"],["すいか","山梨","7","5000"],["すいか","山梨","8","4000"]]JSON.stringify(CSV.parse(csvString)) で配列初期化子を作り、静的HTML/JSに貼り付ける運用を想定しています。
csvファイルをGETして自動的に展開する方法もありますが、HTTPリクエストはタイムラグがあるので注意してください。
その方法を採用するなら csv.js と XMLHttpRequest を併用するか、RFC4180#fileToArray を利用するか。
更新履歴
- 2016/05/10 18:40 CSVパーサの説明を追加
Re: sarah358 さん
投稿
-
回答の評価を上げる
以下のような回答は評価を上げましょう
- 正しい回答
- わかりやすい回答
- ためになる回答
評価が高い回答ほどページの上位に表示されます。
-
回答の評価を下げる
下記のような回答は推奨されていません。
- 間違っている回答
- 質問の回答になっていない投稿
- スパムや攻撃的な表現を用いた投稿
評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。
0
配列とかjsonデータとかに 商品の場所と時期による金額を持っておけば、
あとはデータを取り出して出力するだけ、、、になるかなと。
投稿
-
回答の評価を上げる
以下のような回答は評価を上げましょう
- 正しい回答
- わかりやすい回答
- ためになる回答
評価が高い回答ほどページの上位に表示されます。
-
回答の評価を下げる
下記のような回答は推奨されていません。
- 間違っている回答
- 質問の回答になっていない投稿
- スパムや攻撃的な表現を用いた投稿
評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。
0
自分だけで使うのか、それともある程度の範囲に公開するのか
によっても対応が変わってくるくるのかな、という気がします。
手掛かりはすでに出されていますので、ちょっと踏み込んだことを。
例えば、商品名/場所/期間に各々2桁の数字を割り当てます。
で、HTMLのコンボボックスで表示する際にキーとして持たせます。
計算がクリックされたら、各数字を連結して検索キーを作ります。
データとして検索キー付きの価格? を用意しておけば、
一発で必要なものが見つかっちゃったりしますが、
まあ、この辺は勉強されて詳しくなってからでしょうか。
投稿
-
回答の評価を上げる
以下のような回答は評価を上げましょう
- 正しい回答
- わかりやすい回答
- ためになる回答
評価が高い回答ほどページの上位に表示されます。
-
回答の評価を下げる
下記のような回答は推奨されていません。
- 間違っている回答
- 質問の回答になっていない投稿
- スパムや攻撃的な表現を用いた投稿
評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。
15分調べてもわからないことは、teratailで質問しよう！
- ただいまの回答率 88.33%
- 質問をまとめることで、思考を整理して素早く解決
- テンプレート機能で、簡単に質問をまとめられる
質問への追記・修正、ベストアンサー選択の依頼
think49
2016/05/10 13:29
計算式がないと誰も回答できないと思うのですが、どのようなアルゴリズムで計算するのでしょうか。それによって最適解が変わると思います。
sarah358
2016/05/10 13:40 編集
修正しました。
下記のような料金表があります。
商品名 場所 期間 計算
すいか 山梨 ５月 = 5000円
すいか 山梨 6月 ＝ 6000円
すいか 山梨 7月 ＝ 5000円
すいか 山梨 ８月 ＝ 4000円
すいか 山梨 ９月 ＝ 3000円
IF分でやると面倒なので、
スマートなやり方を探しております・・・
sarah358
2016/05/10 13:47
つまり計算はしなくていいというか、すでに料金はあります・・・