簡単な計算機能選択タグを使用して生成JS

HTMLの選択オプションは、異なるオペレータ、演算結果を選択し、コンテナの受信オペレータ入力値として使用されます。

 

<！DOCTYPE HTML > 
< HTML LANG = "EN" > 
< 頭> 
    < メタ文字コード= "UTF-8" > 
    < メタ名= "ビューポート" コンテンツ= "幅=装置幅、初期の規模= 1.0" > 
    < メタHTTP -equiv = "X-UA-互換" コンテンツ= "IE =縁" > 
    < タイトル>ドキュメント</ タイトル> 
</ ヘッド> 
< ボディ> 
    <ID = "NUM1" > 
    < 入力タイプ= "番号" ID = "NUM2" > 
    < 選択名= "" ID = "SEL" > 
        < オプション値+ = "" > + </ オプション> 
        < オプション値= " - " > - </ オプション> 
        < オプション値=" *」> * </ オプション> 
        <オプション値= "/" > / </ オプション> 
    </ SELECT > 
    < スパン> = </ スパン> 
    < INPUT タイプ= "番号" ID = "NUM3" 無効> 
    < ボタンのID = "BTN" >クリック</ ボタン> 
<！ - Num1を、受信するためのNUM2 SELECTオペレータを配置するユーザーのデジタル値は、NUM3戻り値、ボタンのクリックイベントのバインディングを配置するため、ユーザの入力を禁止します- >

方法：分析他の場合

<SCRIPT>
     のvar NUM1 =のdocument.getElementById（ "NUM1" ）;
     するvarからnum2 =のdocument.getElementById（ "num2の" ）;
     VARの NUM3 =のdocument.getElementById（ "NUM3" ）;
     VARの SEL =ドキュメント。 getElementByIdを（ "SEL" ）; 
　　//は、必要な要素を取得
    
    btn.onclick = 関数（）{
         VARの VAL1は=であるのparseInt（num1.value）;
         のvarとval2 = のparseInt（num2.value）; 
　　　　//は、値NUM1のNUM2を取得し、文字列型の数を切り替える
         IF（sel.value == "+" ）{ 
            NUM3。値= VAL1 +  VAL2。
        }他 IF（sel.value == " - " ）{ 
            num3.value = VAL1は- VAL2; 
        } そう IF（sel.value == "*" ）{
             // はconsole.log（ "A"）; 
            num3.value VAL1は、* =でVAL2; 
        } そう IF（sel.value == "/" ）{ 
            num3.value = VAL1が/あるVAL2; 
        } そうでなければ{ 
            にconsole.log（ "O" ）; 
　　　　　　　//私ができる他の出力をテストするためにプレー書かない
        } 
　　　　とき、それぞれsleect各オペレータは異なる動作を行い、第3の入力ボックスに値//値を
    }  

    </スクリプト>

</ BODY> 
</ HTML>

方法2：

switchステートメント

<スクリプト>
     のvar NUM1 =のdocument.getElementById（ "NUM1" ）;
    するvarからnum2 =のdocument.getElementById（ "num2の" ）;
    VaRの NUM3 =のdocument.getElementById（ "NUM3" ）;
    VaRの SEL =のdocument.getElementById（ "SEL" ）; 
    
    btn.onclick = 関数（）{
         VAR VAL1 = のparseInt（num1.value）。
        VAR VAL2 = のparseInt（num2.value）。
        スイッチ（sel.value）{
             場合、 "+" ：
            num3.value = VAL1 + VAL2。
            破ります;

            ケース " - " ：
            num3.value = val1と- とval2;            
            破ります; 

            ケース "*" ：
            num3.value = val1と* val2の。
            破ります; 

            ケース "/" ：
            num3.value = val1と/ val2の。            
            破ります; 
        }   
    }