عجله الحظ
html>
عجلة الحkground:#18122B;
font-family:Arial;
di
#wheel{
width:300px;
height:300px;
border-radius:50%;
border:8px solid gold;
background:conic-gradient(
#ff4d4d 0 45deg,
#ffd93d 45deg 90deg,
#6bcb77 90deg 135deg,
#4d96ff 135deg 180deg,
#ff6bcb 180deg 225deg,
#00c2ff 225deg 270deg,
#ff9f1c 270deg 315deg,
#8e44ad 315deg 360deg
);
transition:5s;
}
button{
margin-top:25px;
padding:15px 40px;
font-size:22px;
background:gold;
border:none
border-radius:10px;
cursor:pointer;
}
#result{
margin-top:20px;
font-size:28px;
}
</style>
</head>
<body>
<div id="wheel"></div>
<button onclick="spin()">لف العجلة</button>
<h2 id="result"></h2>
<script>
const prizes=[
"5 جنيه",
"10 جنيه",
"20 جنيه",
"25 جنيه",
"30 جنيه",
"50 جنيه",
"75 جنيه",
"100 جنيه"
];
let deg=0;
function spin(){
let rand=Math.floor(Math.random()*8);
deg+=1800+(rand*45);
document.getElementById("wheel").style.transform="rotate("+deg+"deg)";
setTimeout(()=>{
document.getElementById("result").innerHTML="🎉 ربحت "+prizes[rand];
},5000);
}
</script>
</body>
</html>
تعليقات
إرسال تعليق