質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

88.91%

jsの計算機について

解決済

回答 1

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 132
<script type="text/javascript"><!--
myTotal = 0;  // 現在の合計値
myInput = ""; // 現在入力している値
myCalc = "+"; // 合計と入力値の演算子
myFlg = 0;  // 1回前に入力したもの 0:数字 1:演算子

function myValue(myData){                 // 0~9または小数点ボタンを押した
  myFlg = 0;                              // 1回前に入力したものは数値
  myInput += myData;                      // 現在入力している値に追加
  document.myForm.myLine.value = myInput; // 現在入力している値表示
}

function myCalculate(myData){               // 演算ボタンを押した
  if (myFlg==0){                            // 1回前に入力したものは数値か?
    myFlg = 1;                              // 1回前に入力したものは演算子
    myWork = myTotal + myCalc + myInput;    // 一連の計算式を作る
    myTotal = eval(myWork);                 // 計算式を計算させる
    myInput = "";                           // 現在入力している値をクリア
    document.myForm.myLine.value = myTotal; // 合計を表示
  }
  if (myData == "="){                    // 演算ボタンは[=]か?
    myTotal = 0;                         // 合計をクリア
    myCalc = "+";                        // 演算子を[+]とする
  }else{                                 // 演算ボタンは[=]以外である
    myCalc = myData;                     // 演算子を退避させておく
  }
}

function myC(){                           // クリアボタン[C]を押した
  myTotal = 0;                            // 合計クリア
  myCalc = "+";                           // 演算子クリア
  myInput = "";                           // 現在入力している値をクリア
  document.myForm.myLine.value = myTotal; // つまり、0を表示
}
// --></script>

<form name="myForm">
<table border="1" bgcolor="#BDB76B">
<tr>
<td align="center" colspan="4" bgcolor="#d2691e"><font color="#FFFFFF">
<strong> 電 卓</font></strong></td>
</tr>
<tr>
<td colspan="3"><input type="text" size="12" name="myLine" value="0"></td>
<td align="center"><input type="button" value="C" onclick="myC()"></td>
</tr>
<tr>
<td align="center"><input type="button" value=" 7 " onclick="myValue(7)"></td>
<td align="center"><input type="button" value=" 8 " onclick="myValue(8)"></td>
<td align="center"><input type="button" value=" 9 " onclick="myValue(9)"></td>
<td align="center"><input type="button" value="÷" onclick="myCalculate('/')"></td>
</tr>
<tr>
<td align="center"><input type="button" value=" 4 " onclick="myValue(4)"></td>
<td align="center"><input type="button" value=" 5 " onclick="myValue(5)"></td>
<td align="center"><input type="button" value=" 6 " onclick="myValue(6)"></td>
<td align="center"><input type="button" value="×" onclick="myCalculate('*')"></td>
</tr>
<tr>
<td align="center"><input type="button" value=" 1 " onclick="myValue(1)"></td>
<td align="center"><input type="button" value=" 2 " onclick="myValue(2)"></td>
<td align="center"><input type="button" value=" 3 " onclick="myValue(3)"></td>
<td align="center"><input type="button" value="-" onclick="myCalculate('-')"></td>
</tr>
<tr>
<td align="center"><input type="button" value=" 0 " onclick="myValue(0)"></td>
<td align="center"><input type="button" value=" ・ " onclick="myValue('.')"></td>
<td align="center"><input type="button" value=" + " onclick="myCalculate('+')"></td>
<td align="center"><input type="button" value="=" onclick="myCalculate('=')"></td>
</tr>
</table>
</form>

</body>
コード


いま[イヌでもわかるjavascript講座](cya.sakura.ne.jp/java/calc.htm)というサイトで学習しているのですが、上のコードの中にあるmyFlgという変数がなぜ数字と演算子を認識して、判別しているのか分からないです。この質問を見られた方でわかる人がいれば教えて欲しいです。

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正、ベストアンサー選択の依頼

  • m.ts10806

    2020/07/07 23:04

    このコードだけで分かることはほぼないです。
    単に変数に初期値を定義しているだけです。
    そのサイトの該当のページを提示された方が良いかと思います。

    キャンセル

  • masaki31183707

    2020/07/07 23:17

    そうですね。
    投稿する前に読み直すべきでした。

    キャンセル

回答 1

checkベストアンサー

+2

なぜ数字と演算子を認識して、判別しているのか

数字は連続して入力すると二桁、三桁と入力ができるからです
演算子を押した場合、その後の数字入力を待って、演算子の前と後の演算をします

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2020/07/08 00:46

    回答ありがとうございます!

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 88.91%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る