javascript - Combining "if/then..else" statement with "switch" statement -


i have display 2 numbers side side (both starting off zero.gif file). each number needs input area users enter in number between 1 , 5 , button says "process number," corresponding number should pop up.

i have use if-then-else statement 1 , switch statement other. understand both of these separately i'm not sure how combine 2 in script code.

currently, when enter in number in first input box, both of them change @ same time. if try second box, alert "you must choose number between 1 , 5."

so i'm not sure how separate two. used different image ids it's not working. here's code.

<script type="text/javascript">     function processnumber() {       var numberinput = document.getelementbyid("userinput").value;        // test valid input number 1 5       if (numberinput < 1 || numberinput > 5) {         alert("your number must 1 5");         return;        }         if (numberinput == 1)         document.getelementbyid("ones").src="images/one.gif";       else if (numberinput == 2)         document.getelementbyid("ones").src = "images/two.gif";       else if (numberinput == 3)         document.getelementbyid("ones").src = "images/three.gif";       else if (numberinput == 4)         document.getelementbyid("ones").src = "images/four.gif";       else if (numberinput == 5)         document.getelementbyid("ones").src = "images/five.gif";       else alert("sorry - input not recognized");       // non numeric entered if got here         switch (numberinput) {         case "1": document.getelementbyid("group").src = "images/one.gif";           break;         case "2": document.getelementbyid("group").src = "images/two.gif";           break;         case "3": document.getelementbyid("group").src = "images/three.gif";           break;         case "4": document.getelementbyid("group").src = "images/four.gif";           break;         case "5": document.getelementbyid("group").src = "images/five.gif";           break;          default: alert("sorry - input not recognized");            // default in case non numeric entered       } // end switch (numberinput)     } // end function processnumber()  </script> 

a simple solution can array of strings:

var numbers = ["zero", "one", "two", "three", "four", "five"];  if (numbers[numberinput] != undefined) {    document.getelementbyid("ones").src = "images/" + numbers[numberinput] + ".gif";    document.getelementbyid("group").src = "images/" + numbers[numberinput] + ".gif"; } else     alert("sorry - input not recognized"); 

i wanted keep clean, 1 of solutions. if use lot can make function.


Comments

Popular posts from this blog

routing - AngularJS State management ->load multiple states in one page -

python - GRASS parser() error -

json - Gson().fromJson(jsonResult, Myobject.class) return values in 0's -