2017-12-24 11 views
0

私はドロップダウンメニューから選択された演算子に基づいて数学が実行されるが、動作していない基本的な電卓を作ろうとしています。なぜそれが動作していないのか分かりません。私は実際のテキストではなく選択されたオプションのインデックスを受け取ろうとしています。Javascriptでドロップダウンメニューのインデックス値を取得する方法は?

マイコード:

var numOne = document.getElementById("num-one"); 
var numTwo = document.getElementById("num-two"); 
var menu = document.getElementbyId("menuType"); // feeling like the error is here 
var selection = menu.options[menu.selectedIndex].value; // or here 
var userAnswer = document.getElementById("user-Answer"); 


numOne.addEventListener("input", math); 
numTwo.addEventListener("input", math); 

function math() { 

    var one = parseFloat(numOne.value) || 0; 
    var two = parseFloat(numTwo.value) || 0; 
    var userSelect = selection 

    if (userSelection == 1){ 
    userAnswer.innerHTML = one + two; 
} 
     else if (userSelection == 2){ 
       userAnswer.innerHTML = one - two; 
      } 

      else else if (userSelection == 3){ 
        userAnswer.innerHTML = one * two; 
      } 

       else else else if (userSelection == 2){ 
         if (two == 0){ 
          alert("Error, cannot divide by 0"); 
         } 
         else 
         userAnswer.innerHTML = one/two; 
      } 


} 
+0

'menu.selectedIndex'インデックスを持っています – Slai

答えて

0

あなたは、ドロップダウンリストで選択したオプションのインデックスを返すためにselectedIndexを使用することができます。例えば

document.getElementById("numOne").selectedIndex = "1";

関連する問題