jsで運賃計算をしてみたい。

質問

jsで運賃計算をしてみたいです。以下はhtml文章です。
2つ項目を選択した後、回答をしてくれるところまで段階が進んでいます。
<select name="A">
<option value="">--
<option value="a0">a0
<option value="a1">a1
<option value="a2">a2
</select>

<select name="B">
<option value="">--
<option value="b0">b0
<option value="b1">b1
<option value="b2">b2
</select>

<p></p>

<script>

const mess = {
'a0b0': 'abcdefg',
'a0b1': 'hijklmn',
};

document.addEventListener ('change', ()=> {
let sels = document.querySelectorAll ('select[name="A"],select[name="B"]');
let key = [...sels].map (s=> s.value).join ('');
document.querySelector('p').textContent = mess[key] || '';
});

</script>
さて、ここの
const mess = {
'a0b0': 'abcdefg',
'a0b1': 'hijklmn',
};のうち、を'a0b0': 'abcdefg',の部分を'a0b0': '28.8',と書き換えます。
このconst messの部分で、出た値を、ifで検証し、1～3kmだったら、150円、その次は、else ifで、170円、その次は、else ifで、200円みたいなことをして、値を返すようなプログラムにするには、どのようにすればいいですか。
jsの部分を残らず書いてください。書き換えてもokです。

回答No.1

t_ohta · ベストアンサー

質問者さんが言われている通りに作ると
const mess = {
'a0b0': '28.8',
'a0b1': '32.5',
};

document.addEventListener ('change', ()=> {
let sels = document.querySelectorAll ('select[name="A"],select[name="B"]');
let key = [...sels].map (s=> s.value).join ('');
let fee = 0;
if (mess[key]>=1 && mess[key]<3) {
fee = 150;
} else if (mess[key]>=3 && mess[key]<5) {
fee = 170;
}
document.querySelector('p').textContent = fee;
});
の様になりますね。