81 lines
		
	
	
		
			1.9 KiB
		
	
	
	
		
			Markdown
		
	
	
	
	
	
		
		
			
		
	
	
			81 lines
		
	
	
		
			1.9 KiB
		
	
	
	
		
			Markdown
		
	
	
	
	
	
|   | --- | ||
|  | title: Introducing Else If statements | ||
|  | --- | ||
|  | ## Introducing Else If statements
 | ||
|  | 
 | ||
|  |  Remember to use Read-Search-Ask if you get stuck. Try to pair program and write your own code. | ||
|  | 
 | ||
|  |  ### Problem explanation: | ||
|  | ```javascript | ||
|  | function testElseIf(val) { | ||
|  |   if (val > 10) { | ||
|  |     return "Greater than 10"; | ||
|  |   } | ||
|  |    | ||
|  |   if (val < 5) { | ||
|  |     return "Smaller than 5"; | ||
|  |   } | ||
|  |    | ||
|  |   return "Between 5 and 10"; | ||
|  | } | ||
|  | 
 | ||
|  | // Change this value to test | ||
|  | testElseIf(7); | ||
|  | ``` | ||
|  | We'll be modifying the existing code above so that it follows the flow of logic that an **else-if** statement has. | ||
|  | 
 | ||
|  |  ### Hint: 1 | ||
|  |  ``` javascript | ||
|  |    if (val > 10) { | ||
|  |     return "Greater than 10"; | ||
|  |   } | ||
|  |   ``` | ||
|  |   All `if` statements and their variants start off with an `if` statement. | ||
|  | > _try to solve the problem now_
 | ||
|  |   | ||
|  |  ### Hint: 2 | ||
|  |   ``` javascript | ||
|  |   else if (val < 5) { | ||
|  |     return "Smaller than 5"; | ||
|  |   } | ||
|  |   ``` | ||
|  |   Statements between the `if` statement and the `else` statement in an **else-if** flow are in the else-if format | ||
|  | > _try to solve the problem now_
 | ||
|  |   | ||
|  |  ### Hint: 3 | ||
|  | ``` javascript | ||
|  | else { | ||
|  |   return "Between 5 and 10"; | ||
|  |   } | ||
|  |  ``` | ||
|  |  The last statement in an **else-if** flow is in the `else` format | ||
|  |  ### Spoiler alert! | ||
|  |  | ||
|  |  Solution ahead! | ||
|  |  ## Basic code solution: | ||
|  | ```javascript | ||
|  | function testElseIf(val) { | ||
|  |   if (val > 10) { | ||
|  |     return "Greater than 10"; | ||
|  |   } | ||
|  |    | ||
|  |   else if (val < 5) { | ||
|  |     return "Smaller than 5"; | ||
|  |   } | ||
|  |    | ||
|  |   else { | ||
|  |   return "Between 5 and 10"; | ||
|  |   } | ||
|  | } | ||
|  | 
 | ||
|  | // Change this value to test | ||
|  | testElseIf(7); | ||
|  | ``` | ||
|  | :rocket: [Run code](https://repl.it/@RyanPisuena/GoldenWorriedRuntime) | ||
|  |  ## Code explanation | ||
|  | The structure of an **else-if logic flow** is an initial `if` statement, one more `if-else` statements, and one final `else` statement. | ||
|  |   | ||
|  | ### Resources
 | ||
|  | - ["if...else" - *MDN JavaScript reference*](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/if...else) | ||
|  | 
 |