運賃と定期（運賃）を分割して表示する方法

2022/06/27 11:21

このQ&Aのポイント

運賃と定期（運賃）を分割して表示したいです。現在のスクリプトでは、運賃と定期が結合された形で表示されていますが、それを分けて表示する方法を知りたいです。
質問者は、現在のスクリプトでは運賃と定期が結合されて表示されているため、それを分けて表示する方法を知りたいと言っています。質問者はスクリプトについて詳しくは分からないようで、具体的なコードや追加の構文を教えてほしいという要望があります。
質問者は、運賃と定期（運賃）を分割して表示したいという要望を持っています。現在のスクリプトではそれが実現できないため、新たな構文や追加のコードについて教えてほしいということです。

運賃と定期（運賃）を一緒に動くようにさせたいです。

以下はそのjsです。 <script> const vals = { 'sb01sb02':3.7, 'sb01sb03':7.8, 'sb01sb04':10.2, 'sb01sb05':12.1, 'sb02sb03':4.1, 'sb02sb04':6.5, 'sb02sb05':8.4, 'sb03sb04':2.4, 'sb03sb05':4.3, 'sb04sb05':1.9, 'a0b0': 1.2, 'a0b1': 12, 'a0b2': 28.8, }, len = [1,2,4,6,8,10,12,14,16], prc = ['運賃170(90),回数券1,700（900）,通勤_1か月6,540(3,270）_3か月18,640（9,320）_6か月35,320(17,660）,通学_1か月3,030(1,520)_3か月8,640(4,320)_6か月_16,370（8,190）', ['運賃170(90),回数券1,700（900）,通勤_1か月6,540(3,270）_3か月18,640（9,320）_6か月35,320(17,660）,通学_1か月3,030(1,520)_3か月8,640(4,320)_6か月_16,370（8,190）'], '運賃190(100),回数券1,900（1,000）,通勤_1か月7,360(3,680）_3か月20,980（10,490）_6か月39,750(19,880）,通学_1か月3,470(1,700)_3か月9,690(4,850)_6か月_18,360（9,180）', '運賃210(110),回数券2,100（1,100）,通勤_1か月8,180(4,090）_3か月23,320（11,680）_6か月44,180(22,090）,通学_1か月3,780(1,890)_3か月10,780(5,390)_6か月_20,420（10,210）', '運賃230(120),回数券2,300（1,200）,通勤_1か月8,990(4,500）_3か月25,630（12,820）_6か月48,550(24,280）,通学_1か月4,160(2,080)_3か月11,860(5,930)_6か月_22,470（11,240）', '運賃250(130),回数券2,500（1,300）,通勤_1か月9,810(4,910）_3か月27,960（13,980）_6か月52,980(26,490）,通学_1か月4,530(2,270)_3か月12,920(6,460)_6か月_24,470（12,240）', '運賃270(140),回数券2,700（1,400）,通勤_1か月10,620(5,310）_3か月30,270（15,140）_6か月57,350(28,680）,通学_1か月4,910(2,460)_3か月14,000(7,000)_6か月_26,520（13,260）', '運賃290(150),回数券2,900（1,500）,通勤_1か月11,450(5,730）_3か月32,840（16,320）_6か月52,980(30,920）,通学_1か月5,290(2,650)_3か月15,080(7,540)_6か月_28,570（14,290）'], f=(_,l=Math.floor(_))=>D.textContent=l?prc[len.findIndex(_=>_>l)]+'円':''; A.addEventListener('change',_=>f(vals[(_=B.value)+(__=C.value)]||vals[__+_])); </script> 自分がやったのは、prcとf=の部分を2回記述したのと、prcを2回記述して、f=(,l=Math.floor())=>D.textContent=l?prc[len.findIndex(=>>l)]+f=(,l=Math.floor())=>D.textContent=l?prc[len.findIndex(=>>l)]+'円':'';、そして、同じくprcは2回記述しますが、f=の部分を省いたバージョンのを書きましたが、ことごとくエラー!!!になりました。運賃と定期（運賃）を分割して表示したいです。 jsの部分を省略せずにお書きください。構文だけをお書きになった場合、その構文をどこに入れたらいいのかや、追加の構文が必要であったりするのです。僕にはその辺の想像力が欠如しています。

semboku_love
お礼率4% (43/955)

JavaScript
回答数1
ありがとう数1

みんなの回答 （1）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

babu_baboo
ベストアンサー率51% (268/525)

2022/06/27 22:02 回答No.1

<!DOCTYPE html> <meta charset="utf-8"> 　<title></title> 　<style> 　　</style> 　　　　　　　<body> 　　　　　　　　　　　<body> 　　　　　　　<p id=A> 　　　　　　　　 <select id=B> 　　　　　　　　　 <option value="">-- 　　　　　　　　　 <option value="a0">a0 　　　　　　　　　　 <option value="a1">a1 　　　　　　　　　　 <option value="b0">b0 　　　　　　　　　　 <option value="b1">b1 　　　　　　　　　　 </select> 　　　　　　　　　　　　　　　　　　　 <select id=C> 　　　　　　　　　 <option value="">-- 　　　　　　　　 <option value="a0">a0 　　　　　　　 <option value="a1">a1 　　　　　　 <option value="b0">b0 　　　　　 <option value="b1">b1 　　　　 </select> 　　　</p> 　　<p>一回限り有効</p> 　<table id=D></table> 　 <script> const vals = { 　 'a0b0': 1.2, 　 'b0a0': 1.2, 　　 'a0b1': 2.3, 　　　 'b1a0': 2.3, 　　　　 }, 　　　　　　　　　　　 len = [2,4,6,8,10,12,14,16], 　　　　　　　　　　　　　　　 prc = [ 　　　　　　　　　 [ 　　　　　　　　　 [ 　　　　　　　　　　 '運賃A', 　　　　　　　　　　 '170(90)' 　　　　　　　　　　 ], 　　　　　　　　　　 [ 　　　　　　　　　　 '回数券', 　　　　　　　　　 '1,700（900）' 　　　　　　　　　 ], 　　　　　　　　 [ 　　　　　　　 '通勤_1か月', 　　　　　　 '6,540(3,270）' 　　　　　 ], 　　　　 [ 　　　 '3か月', 　　 '18,640（9,320）' 　 ], 　 [ '6か月', '35,320(17,660）' ], 　 [ 　 '通学_1か月', 　　 '3,030(1,520)' 　　　 ], 　　　　 [ 　　　　　 '3か月', 　　　　　　 '8,640(4,320)' 　　　　　　　 ], 　　　　　　　　 [ 　　　　　　　　　 '6か月', 　　　　　　　　　 '16,370（8,190）' 　　　　　　　　　　 ], 　　　　　　　　　　 ], 　　　　　　　　　　 [ 　　　　　　　　　　 [ 　　　　　　　　　　 '運賃B', 　　　　　　　　　 '180(90)' 　　　　　　　　　 ], 　　　　　　　　 [ 　　　　　　　 '回数券', 　　　　　　 '1,700（900）' 　　　　　 ], 　　　　 [ 　　　 '通勤_1か月', 　　 '6,540(3,270）' 　 ], 　 [ '3か月', '18,640（9,320）' ], 　 [ 　 '6か月', 　　 '35,320(17,660）' 　　　 ], 　　　　 [ 　　　　　 '通学_1か月', 　　　　　　 '3,030(1,520)' 　　　　　　　 ], 　　　　　　　　 [ 　　　　　　　　　 '3か月', 　　　　　　　　　 '8,640(4,320)' 　　　　　　　　　　 ], 　　　　　　　　　　 [ 　　　　　　　　　　 '6か月', 　　　　　　　　　　 '16,370（8,190）' 　　　　　　　　　　 ] 　　　　　　　　　 ], 　　　　　　　　　 ], 　　　　　　　　　　　　　　　 T=(a,b=document.createElement('tbody'))=> 　　　　　　 a.reduce((b,a)=> 　　　　　 (a.reduce((c,d)=> 　　　　 (c.insertCell().append(d),c),b.insertRow()),b),b), 　　　　　 F=_=> 　 _&&T(_,D), 　 R=_=> [..._].forEach (_=> _.remove()); 　　 A.addEventListener('change',_=> 　　 F(prc[len.findIndex($=> 　　　 $>Math.floor(vals[B.value+C.value]))])); 　　　　　　　　　</script>