Q&A
前提・実現したいこと
テキストボックスを3つ作成し、その中にそれぞれ数字を入れて判定ボタンを押すと、何個同じ数字があったかを表示してくれるという動作をしたいのですが、if内が複雑でわかりません。
たとえば、3つの数字のうち3つ同じだったら、「同じ数字の数は３つです」2つの時は「同じ数字の数は２つです。」というように表示したいです。
発生している問題・エラーメッセージ
if内コードが分からない
該当のソースコード
<script> function judge() { //変数 ans を用意し、表示(出力)先とする var ans=document.getElementById("answer"); //変数を用意する var text1, text2, text3; //テキストボックス figure1 に入力された数字を変数 text1 に代入する text1=window.document.myform.figure1.value-0; //テキストボックス figure2 に入力された数字を変数 text2 に代入する text2=window.document.myform.figure2.value-0; //テキストボックス figure3 に入力された数字を変数 text3に代入する text3=window.document.myform.figure3.value-0; //変数 を用意し、３つの数字が同じかどうか判断する if () { ans.innerHTML="同じ数字の数は3つです。"; } if () { ans.innerHTML="同じ数字の数は2つです。"; } else { ans.innerHTML="同じ数字は１つもありません。" } } </script> </head> <body> <p>３つの数字のうち、同じ数字の数を数える。</p> <p> <form name="myform"> 数字１：<input name="figure1" type="text"><br> 数字２：<input name="figure2" type="text"><br> 数字３：<input name="figure3" type="text"><br> <input type="button" value="判定" onclick="judge()"> </form> </p> <div id="answer">ここに答えが入力されます</div> </body> </html>
補足情報（FW/ツールのバージョンなど）
初心者にもわかりやすく説明していただけると幸いです。
回答3件
0
ベストアンサー
if文を下記のようにすればどうでしょう。
js
1 if (text1===text2 && text2===text3) { 2 ans.innerHTML="同じ数字の数は3つです。"; 3 } 4 else if (text1===text2 || text2===text3 || text3===text1) { 5 ans.innerHTML="同じ数字の数は2つです。"; 6 } 7 else { 8 ans.innerHTML="同じ数字は１つもありません。" 9 }
投稿2020/12/01 16:46
総合スコア34075
0
たとえばこんなかんじでどうでしょう
javascript
1 var x = 0; 2 if (text1 == text2) x++; 3 if (text1 == text3) x++; 4 if (text2 == text3) x++; 5 // xに同じものの数が入ってる
投稿2020/12/01 21:37
総合スコア7464
0
要素が3個ならこれでいけます
javascript
1var ret=["3個とも一緒","2個が一緒","1個もない"][(new Set([text1,text2,text3])).size-1]; 2console.log(ret);
投稿2020/12/02 00:13
総合スコア116724
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。