The switch statement executes different blocks of code depending on set conditions, and uses the break keyword to break out of the switch block.

<!-- html element to place output -->
<p id="my_output"></p>

In the following, we use x as our value (let’s say it was input by the user in a form field).

Then we use the switch statement to evaluate x to determine which “case” it matches. When it finds the matching “case” it adds a specified string to the my_car variable and breaks (stops running any code within the switch block).

Finally, it outputs the information to the HTML element.

// variables
var x = 'Maserati';
var my_car;

// switch statement
switch(x) {
    case 'Lamborghini':
        my_car = 'I have a Lamborghini.';
        break;
    case 'Ferrari':
      	my_car = 'I have a Ferrari.';
    	break;
    case 'Maserati':
      	my_car = 'I have a Maserati.';
    	break;
    default:
        my_car = 'I do not own a car.';
}

// output to HTML element
document.getElementById('my_output').innerHTML = my_car;

I have a Maserati.

switch(expression) {
    case value:
        code to be executed
        break;
    case value:
        code to be executed
        break;
    default:
        code to be executed
}