A simple example with numbers to explain switch case

JavaScript / HTML/ CSS Code

Output

<!DOCTYPE html>
<html>
<head>
<script>
function switchfunction() {

swinum = 3;
switch(swinum){
    case 1:
    alert ("Case 1 is true!");
    break;
    
    case 2:
    alert ("Case 2 is true!");
    break;

    case 3:
    alert ("Case 3 is true!");
    break;
    
    default:
    alert ("None of the case is true!");
    break;              
}

}
</script>

<style>
.switchdiv {
  background: #415665;
  height: 50px;
  width:200px;
  border-radius: 15px;
  padding:20px;
  font-size:22px;
  color:#fff;
</style>
</head>
<body>
<div class="switchdiv"> swinum = 3;
<button onclick="switchfunction()">Execute Switch statement</button>
</div>
</body>
</html>

swinum = 3;