Javascript - Switch Statement

Simple example of how to use a switch statement

by Alex Azuero

HTML

<label>Enter Your Age</label>
<input id="ageTxt" type="text" />
<input id="submitBtn" type="submit" />
<div class="output"></div>

CSS

.output {
    width:300px;
    height:100px;
    background-color:#dcdcdc;
    margin-top:20px;
    padding:20px;
}

JavaScript

var output = document.querySelector('.output');

document.querySelector('#submitBtn').onclick = function () {

    var age = parseInt(document.querySelector('#ageTxt').value);
    var message = "";

    switch (age) {
        case 18:
            message = "you're too young to drink!";
            break;
        case 21:
            message = "you can drink!";
            break;
        case 65:
            message = "you're a senior citizen!";
            break;
        default:
            message = "You didn't enter a valid number";
    }
    output.innerHTML = message;

};