javascriptで計算した答えを選択肢によって一部だけを表示しないようにするにはどうすれば良いでしょうか。

Question

==============================================================
<script>
function fnckeisan() {
var sss = (document.querySelector('#sss').value);
//
var asall={"a1":1,"a2":2,"a3":3,"a4":4,"a5":5};
var selecas= asall[document.querySelector('#as').value];
//
var x1 = 0;
var x2 = 0;
switch (selecas)
            {
                case 1:
                    x1 = 100 , x2 = 200 ;
                    break;
                case 2:
                    x1 = 200 , x2 = 400 ;
                    break;
                case 3:
                    x1 = 300 , x2 = 600 ;
                    break;
                case 4:
                    x1 = 400 , x2 = 800 ;
                    break;
                case 5:
                    x1 = 500 , x2 = 1600 ;
                    break;
               }
if (sss >= 300){
 ans1 = (sss - 300) * 5  + x1;
 ans2 = (sss - 300) * 10 + x1;
 ans3 = (sss - 300) * 15 + x1;
 ans4 = (sss - 300) * 20 + x1; 
 ans5 = (sss - 300) * 25 + x1;
  }else if (sss >= 100){  
 ans1 = (sss - 100) * 5  + x2;
 ans2 = (sss - 100) * 10 + x2;
 ans3 = (sss - 100) * 15 + x2;
 ans4 = (sss - 100) * 20 + x2;
 ans5 = (sss - 100) * 25 + x2;
  }else if (sss <= 100){
 ans1 = (sss * 1 ) + x1;
 ans2 = (sss * 2) + x1;
 ans3 = (sss * 3 ) + x1;
 ans4 = (sss * 4) + x1;
 ans5 = (sss * 5 ) + x1;
  }
  document.querySelector('#ansall').textContent = `${Math.floor(ans1)}
${Math.floor(ans2)}
${Math.floor(ans3)}
${Math.floor(ans4)}
${Math.floor(ans5)}`;  
}
</script>
<form>
<td>１番から5番を選んでください</td>
<select id="as">
<option value="a1">1番</option>
<option value="a2">2番</option>
<option value="a3">3番</option>
<option value="a4">4番</option>
<option value="a5">5番</option>
</select>
<input type="text" id="sss" value="">数値は？<br>
<input type="button" value="計算" onclick="fnckeisan();">
<input type="reset" value="リセット">
<div id="ansall" style="white-space:pre;"></div>
</form>

上記のプログラムで

5番（a5）を選んだ場合にだけ、ans5の値を表示しないようにしたり、ans5の値に「この値は無効です」といったような表示をするようにしたいのですが

どうすれば良いか、ご教授いただけるとありがたいです。

Comments

[m.ts10806]

「5番（a5）を選んだ」の拾い方は分かりますか？switch 使われているのでそこは拾えそうに思いますが、どのあたりで詰まっていますか？

[spookybird]

やりたいことがよくわかりません...もう少し具体的に説明してください。

[TreesShimi]

具体的には、 例えば、１番を選択して500という数値を入力すると、 1100 2100 3100 4100 5100 と表示され、 5番を選択して500という数値を入力すると 1500 2500 3500 4500 5500 と表示されますが、このときに5500の表示はされないようにしたいのです。 または、5500ではなく「この値は無効です」と表示できるようにしたいのですが、シンプルにできる方法がわかりません。 正直、頭がこんがらがってしまいます（苦笑）

[m.ts10806]

おそらくその仕様部分が不鮮明であるところが回答する側が混乱する元となっています。質問者さんしか知らない情報が多いと後出し後だしとなり回答者も回答しづらい状況となりえるので、具体的に質問本文に追記していただけますか？このコメント欄はデフォルト非表示なので他の人の目につきにくいです

Answer 1

表示部部分を調整してください

document.querySelector('#ansall').textContent =`${Math.floor(ans1)}
${Math.floor(ans2)}
${Math.floor(ans3)}
${Math.floor(ans4)}
${selecas==5?'xxx':Math.floor(ans5)}`;  

Comments

[yambejp]

あ、ans5か・・・、調整しました

[TreesShimi]

出来ました！！
ありがとうございます！！