مرحبا صممت لعبة بسيطة عند الضغط على احدى الخلايا تظهر رسالة alert تظهر رقما عشوائيا
وهنا وضعت شرت اذا ضغط على احدى الخلايا وكان الناتج اكبر من او يساوي 8 تظهر رسالة انت فزت وان كان اقل تظهر انت خسرت المشكلة انه حتى عندما يكون الناتج اكبر من او يساةي 8 تظهر رسالة انت خاسر اتمنى الاجابة على سؤالي اين الخطأ في شيفرة الجافا سكربت وشكراً جزيلاً
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="css/bootstrap.css">
<style>
.container{
background-color: rgb(148, 148, 148);
}
.col{
background-color: coral;
border-bottom: 10px solid rgb(148, 148, 148);
border-left: 5px solid rgb(148, 148, 148);
}
.col:hover{
background-color: white;
}
</style>
</head>
<body>
<div class="container">
<div class="row">
<div class="col" onclick="ik()">
Column
</div>
<div class="col" onclick="ik()">
Column
</div>
<div class="col" onclick="ik()">
Column
</div>
<div class="col" onclick="ik()">
Column
</div>
</div>
<div class="row">
<div class="col" onclick="ik()">
Column
</div>
<div class="col" onclick="ik()">
Column
</div>
<div class="col" onclick="ik()">
Column
</div>
<div class="col" onclick="ik()">
Column
</div>
</div>
</div>
<!--ranking the line code very Important here ... this ranking Important-->
<script src="js/jquery-3.5.1.slim.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.js"></script>
<script>
function ik(){
var y = document.getElementsByClassName("col");
var t = alert("this is column" + "=" + Math.round(Math.random() * 10));
if(y >= 8){
alert("YOU WON");
}
else{
alert("YOU LOST");
}
}
</script>
</body>
</html>
هذا هو الملف index.html