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
Post a Comment