ホームページ > ウェブフロントエンド > jsチュートリアル > JSは簡単な四則演算を実装します

JSは簡単な四則演算を実装します

php中世界最好的语言
リリース: 2018-04-19 11:31:13
オリジナル
4152 人が閲覧しました

今回はJS簡単な四則演算の実装、注意事項のJS実装についてご紹介します。

具体的なコードは次のとおりです:

<table class="tab">
    <tbody>
        <tr class="tr2">   
            <td colspan="4">
                简易计算器
            </td>
        </tr> 
        <tr class="tr">             
            <td id="result" colspan="4">                
            </td> 
        </tr> 
        <tr>             
            <td id="+" class="tr1">
                +
            </td> 
            <td id="-" class="tr1">
                -
            </td> 
            <td id="*" class="tr1">
                *
            </td> 
            <td id="/" class="tr1">
                /
            </td> 
        </tr> 
        <tr>            
            <td id="7" class="tr1">
                7
            </td>
            <td id="8" class="tr1">
                8
            </td>
            <td id="9" class="tr1">
                9
            </td>
            <td id="0" class="tr1">
                0
            </td>
        </tr>
        <tr>            
          <td id="4" class="tr1">
                4
            </td> 
            <td id="5" class="tr1">
                5
            </td> 
            <td id="6" class="tr1">
                6
            </td> 
            <td id="." class="tr1">
                .
            </td> 
        </tr> 
        <tr>             
            <td id="1" class="tr1">
                1
            </td> 
            <td id="2" class="tr1">
                2
            </td> 
            <td id="3" class="tr1">
                3
            </td> 
            <td id="=" class="tr1">
                =
            </td> 
        </tr>
    </tbody>
</table>
ログイン後にコピー
シンプルな計算機
+ - * /
7 8 9 0
4 5 6
1 2 3 =

このプログラムでは判定の順序が非常に重要で、そうでないとs3ではなくs2とs4に「+」符号が格納されてしまいます。

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトその他の関連記事に注目してください。

推奨読書:

Vue スコープ スロットの使用方法の詳細な説明

JS 実装の評価スター

以上がJSは簡単な四則演算を実装しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート