実現したいこと
先般の質問において、bantanを含む文章から、jrwest_localtrafficを含む文章を検知し、配列を参照するプログラムができました。
ところが、同様に、sanyo_nomalを含む文章から、jrwest_maintrafficを含む文章を検知し、配列を参照しようとするのですが、jrwest_maintrafficが直書きの場合は参照されるものの、外部の場合は全く動きませんでした。
また、直書きの場合においても、エラーが発生し、播但線の運賃が全く動かないというエラーが発生します。
この状況を打開する方法をご教授お願い申し上げます。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
</head>
<body>
<div>
出発駅:
<select name="from" id="stations1">
<option>駅を選択してください。</option>
<option value="西明石">西明石</option>
<option value="加古川">加古川</option>
<option value="姫路">姫路</option>
<optgroup label="播但線"></optgroup>
<option value="京口">京口</option>
<option value="野里">野里</option>
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
<option value="D">D</option>
</select>
</div>
<div>
到着駅:
<select name="to" id="stations2">
<option>駅を選択してください。</option>
<option value="西明石">西明石</option>
<option value="加古川">加古川</option>
<option value="姫路">姫路</option>
<optgroup label="播但線"></optgroup>
<option value="京口">京口</option>
<option value="野里">野里</option>
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
<option value="D">D</option>
</select>
</div>
</div>
距離：<span name="distance"></span>km<br />
普通運賃：<span name="adult"></span>円<br />
小児運賃：<span name="child"></span>円<br />
通勤定期（1か月）：<span name="commute_company_1"></span>円<br />
通勤定期（3か月）：<span name="commute_company_3"></span>円<br />
通勤定期（6か月）：<span name="commute_company_6"></span>円<br />
通学定期（大学生 1か月）：<span name="commute_university_1"></span>円<br />
通学定期（大学生 3か月）：<span name="commute_university_3"></span>円<br />
通学定期（大学生 6か月）：<span name="commute_university_6"></span>円<br />
通学定期（高校生 1か月）：<span name="commute_highschool_1"></span>円<br />
通学定期（高校生 3か月）：<span name="commute_highschool_3"></span>円<br />
通学定期（高校生 6か月）：<span name="commute_highschool_6"></span>円<br />
<script src="js 20240326 Tue/faresystem 20240326 Tue.js"></script>
<script src="js 20240326 Tue/jrwest_maintraffic 20240326 Tue.js"></script>
<script src="js 20240326 Tue/jrwest_localtraffic 20240326 Tue.js"></script>
<script src="js 20240326 Tue/sanyo_nomal 20240326 Tue.js"></script>
<script src="js 20240326 Tue/bantan 20240326 Tue.js"></script>
</body>
</html>
乗車区間：
<span id="span1"></span>
～
<span id="span2"></span>
間
<script>
document.getElementById("stations1").addEventListener("change", function() {
// value値を取得
const str1 = this.value;
document.getElementById("span1").textContent = str1;
});
document.getElementById("stations2").addEventListener("change", function() {
// value値を取得
const str1 = this.value;
document.getElementById("span2").textContent = str1;
});
</script>
<!--<script>
</script>-->
発生している問題・分からないこと
<script src="js 20240326 Tue/jrwest_maintraffic 20240326 Tue.js"></script>が機能しないです。
エラーメッセージ
error
1Failed to load resource: net::ERR_FILE_NOT_FOUNDというエラーメッセージが出ます。
該当のソースコード
javascript
1 var fares = [
2 { section: "jrwest_maintraffic_1", adult: 150, child:80,
3 commute_company_1: 4620, commute_company_3: 13170, commute_company_6: 22160,
4 commute_university_1: 2760, commute_university_3: 7830, commute_university_6: 14860,
5 commute_highschool_1: 1380, commute_highschool_3: 3920, commute_highschool_6: 7430}, // 1 区間
6 ];
試したこと・調べたこと
上記の詳細・結果
チャットgptやほかの質問サイトでも伺ったが、有益な情報なしです。
補足
特になし
Q&A
自己解決
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2024/03/27 04:33
2024/03/27 04:59 編集