<!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 = "一等奖";
alert("一等奖");
break;
case 2:
winder = "二等奖";
alert("二等奖");
break;
case 3:
winder = "三等奖";
alert("三等奖");
break;
default:
winder = "谢谢参与";
break;
}
// if (random == 1) {
// winder = "1等奖";
// }else if(random === 2){
// winder = "2等奖";
// } else if(random === 3){
// winder = "3等奖";
// }else{
// winder = "谢谢参与";
// }
document.getElementById("ceshi").innerHTML = random + "_" + winder;
console.log("--------------",random + "_" + winder);
}
window.onload = hello();
</SCript>
</body>
</html>