Similar to if statements, switch
cases operate the same way — by prefixing the keyword with the “@“ sign:
@{ int number = 2 } @switch (number) { case 1: <h1>The value is 1!</h1> break; case 2: <h1>The value is 2!</h1> break; default: ... }
In the code above we’re evaluating an expression, number
, and simply comparing the values to each case. If a value matches the expression, then the associated code block will be executed.
In this case, since the variable number
is equal to 2, then the following HTML would be executed:
<h1>The value is 2!</h1>
Instructions
You’ve received some exam results but there’s some useful feedback missing.
We’ll be evaluating the cases based on the value of your grade.
Open a switch statement and use the variable grade
as the expression you’ll be comparing to each case.
For the first case, we want to check whether the grade is equal to A
. If so, display the following message in an <h4>
heading:
Excellent job!
Continue switch cases and display the following feedback <h4>
headings depending on the grade:
Grade | Feedback |
---|---|
“A” | “Excellent job!” |
“B” | “Well done!” |
“C” | “Needs some work!” |
“D” | “You passed” |
“F” | “You failed, better try next time” |
default case | “Invalid grade!” |