سؤال لمبرمجين الجافاسكريبت

السلام عليكم ورحمة الله وبركاتة

اخوكم في الله مبتدء جافا سكريبت ,, فقاعد أحاول اسوي اسالة من خيارات متعددة بحيث ان المستخدم يختار الاجابه الصحيحة

لكن أواجه مشكلة لما المستخدم يغضط على checbox بالاجابة الصحيحة او الخطاء يظهر له ان الاجابة الصحيحة ,, يعني لو يختار الاجابة الغلط يطلع له مسج ان الاجابه الصحيحة

html file


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CCNA Questions</title>
    <link type="text/css" rel="stylesheet" href="ans.css">
</head>
<body>
<h3>Cisco Routers running in which layer of OSI</h3>
<input type="checkbox" id="ans1" value="Network Layer"> Network Layer <br>
<input type="checkbox" id="ans2" value="Data Link Layer"> Data Link Layer <br>
<input type="checkbox" id="ans3" value="physical Layer"> Phyiscal Layer <br>
<button id="but">Check</button>
<div id="ans"></div>
<div id="wroans"></div>
<script type="text/javascript" src="netjs.js"></script>
</body>
</html>

css fike


#ans{
    margin:20px;
    padding:10px;
    text-align: center;
    background:greenyellow;
    color: aliceblue;
    display:none;
}

#wroans{
    margin:20px;
    padding:10px;
    text-align: center;
    background:red;
    color: aliceblue;
    display:none;
}

javascript file


var ans = document.querySelectorAll("input");


var right = document.getElementById("ans");
var wrong = document.getElementById("wroans");
var but = document.getElementById("but");

but.addEventListener("click" , function () {
   for(var i=0; i<=ans.length;i++){
       if(ans[i].value === "Network Layer"){
           right.style.display = "block";
           right.textContent = "Correct";
           break;
       }else{
           wrong.style.display = "block";
           wrong.textContent = "Correct";
       }
   }
 });

كلمات دليلية:

أعجبني السؤال تابع السؤال شارك السؤال

ساعد بالإجابة

"إن في قضاء حوائج الناس لذة لا يَعرفها إلا من جربها، فافعل الخير مهما استصغرته فإنك لا تدري أي حسنة تدخلك الجنة."

الإجابات (1)

يوسف الرحيمي • منذ 7 سنوات

تم حل مشكلتي حيث أتضح لي اني لازم اتحقق اذا صار check على checkboox

وهذا تعديلي بالكود


var ans = document.querySelectorAll("input");


var right = document.getElementById("ans");
var wrong = document.getElementById("wroans");
var but = document.getElementById("but");

but.addEventListener("click" , function () {
   for(var i=0; i<=ans.length;i++){
       if(ans[i].checked){
           if(ans[i].value === "Network Layer") {
               right.style.display = "block";
               right.textContent = "Correct";
               break;
           }
       }else{
           wrong.style.display = "block";
           wrong.textContent = "Wrong";
       }
   }
 });

شاكر لكم

لايوجد لديك حساب في عالم البرمجة؟

تحب تنضم لعالم البرمجة؟ وتنشئ عالمك الخاص، تنشر المقالات، الدورات، تشارك المبرمجين وتساعد الآخرين، اشترك الآن بخطوات يسيرة !

اشترك الآن