

セレクトボックスを2つ選択してメッセージなどを表示するには。～運賃検索プログラムを完成させたい～  
次では、セレクトボックスで選択をすれば、メッセージが表示されるようになっています。

[code]

      <script type="text/javascript" language="javascript">
        function onButtonClick() {
          selindex = document.form1.Select1.selectedIndex;
          target = document.getElementById("output");
          switch (selindex) {
            case 0:
              target.innerHTML = "要素1が選択されています。<br/>";
              break;
            case 1:
              target.innerHTML = "要素2が選択されています。<br/>";
              break;
            case 2:
              target.innerHTML = "要素3が選択されています。<br/>";
              break;
            case 3:
              target.innerHTML = "要素4が選択されています。<br/>";
              break;
            case 4:
              target.innerHTML = "要素5が選択されています。<br/>";
              break;
          }
        }
      </script>
    
[/code]

これと、組み合わせたいのが次のjsの文章です。どうしたらいいですか。

[code]

    <script type="text/javascript">
    
    function kotae()<br>
    {
    ten=0
    if((f.q1.value == "松山市"&&f.q2.value == "高松市")||(f.q1.value == "高松市"&&f.q2.value == "松山市"))
    {f.q1.style.backgroundColor="aqua ";ten = ten + 50}<br>
    else f.q1.style.backgroundColor="red"
    if(f.q3.value == "名古屋市"){f.q3.style.backgroundColor="aqua ";ten = ten + 25}<br>
    else f.q3.style.backgroundColor="red"
    if(f.q4.value == "金沢市") {f.q4.style.backgroundColor="aqua ";ten = ten + 25}<br>
    else f.q4.style.backgroundColor="red"<br>
    f.tokuten.value=ten
    const keywords = ['あいうえお','かきくけこ', 'さしすせそ'];<br>
    if (f.tokuten.value=50) {
        for (let i = 0; i < keywords.length; i++) {
            console.log(f.rank.value=keywords[0]);
        }}
    else if(f.tokuten.value >=20){f.rank.value = 'B'}<br>
    else if(f.tokuten.value >=15){f.rank.value = 'C'}<br>
    else if(f.tokuten.value <10){f.rank.value = 'D'}<br>
    //ここまで
    }
    </script>
    <body>
    <form name="f"><br>
    愛媛県の県庁所在地は 
    <select name="q1">
    <option>選択肢</option>
    <option>名古屋市</option>
    <option>松山市</option>
    <option>金沢市</option>
    <option>高松市</option>
    </select>
    です。
    <p>
    香川県の県庁所在地は 
    <select name="q2">
    <option>選択肢</option>
    <option>名古屋市</option>
    <option>松山市</option>
    <option>金沢市</option>
    <option>高松市</option>
    </select>
    です。<p>
    愛知県の県庁所在地は 
    <select name="q3">
    <option>選択肢</option>
    <option>名古屋市</option>
    <option>松山市</option>
    <option>金沢市</option>
    <option>高松市</option>
    </select>
    です。<p>
    石川県の県庁所在地は 
    <select name="q4">
    <option>選択肢</option>
    <option>名古屋市</option>
    <option>松山市</option>
    <option>金沢市</option>
    <option>高松市</option>
    </select>
    です。<p>
    <input type="button" name="b1" value="答え合わせ" onclick="kotae()"> <p>
    <input name=tokuten size="6">点
    <!--HTMLここから-->
    <input name=rank class="hoge">ランク
    <!--HTMLここまで-->
    
[/code]

これらを組み合わせて、設問１と設問2でそれぞれ松山市と高松市を選択すればメッセージが表示されるようにしたいです。


CC BY-SA 4.0
2022-07-22T02:22:38.967
90138
2022-07-23T05:39:49.493
2022-07-23T05:39:49.493
3060
31790
question
javascript html5
セレクトボックスを2つ選択してメッセージなどを表示するには


「`document.f.q1.value` が `"松山市"` かつ`document.f.q2.value` が `"高松市"`
であればメッセージを表示する」という関数を `document.f.q1` と `document.f.q2` の `change`
イベントリスナとして登録しましょう。


CC BY-SA 4.0
2022-07-22T06:42:11.657
90143
2022-07-22T06:42:11.657
3475
90138
answer