if switch

<!DOCTYPE html>
<html lang="en">
 
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>js</title>
    <style>
        div {
            width: 20rem;
            height: 8rem;
            border: 0.1rem solid red;
            margin: auto;
            font-size: 2rem;
            text-align: center;
            font-size: 2rem;
            margin-top: 3rem;
            border-radius: 1rem;
            padding-top: 5rem;
        }
 
        .fcolor {
            color: blue;
        }
    </style>
   
</head>
 
<body>
 
    <div id="ceshi"></div>
 
 
    <SCript>
 
        function hello() {
 
            var random = parseInt(Math.random() * 10);
 
            var winder = "";
            switch (random) {
                case 1:
                    winder = "First Prize";
                    alert( "First Prize");
                    break;
                case 2:
                    winder = "Second Prize";
                    alert( "Second Prize");
                    break;
                case 3:
                    winder = "Third Prize";
                    alert( "Third Prize");
                    break;
 
                default:
                    winder = "Thank you for participating";
                    break;
            }
            // if (random == 1) {
            // winder = "1st Prize";
            // }else if(random === 2){
            // winder = "2nd Prize";
            // } else if(random === 3){
            // winder = "3rd Prize";
            // }else{
            // winder = "Thank you for participating";
            // }
            document.getElementById("ceshi").innerHTML = random + "_" + winder;
console.log("--------------",random + "_" + winder);
 
        }
 
        window.onload = hello();
 
 
 
 
    </SCript>
</body>
 
</html>

Guess you like

Origin http://43.154.161.224:23101/article/api/json?id=325250751&siteId=291194637