لا افهم عمل كود .value

الكود الموجود في الصورة لا يقوم بشيء معين بالتحديد فقط يقوم بجلب القيمة الموجودة في العنصر #number (في الغالب هو عنصر عبارة input) وتخزينها في متغير number. تمكننا لغة JavaScript من الحصول على النصوص الموجودة في عناصر input من خلال الخاصية value.

السطر الثاني يقوم بإرجاع true أو false (إن كان العنصر #box محدد checked أم لا) وتخزينها في المتغير text.

لكن بعد تخزين هذه القيم في المتغيرات لا يقوم الكود بعمل شيء آخر.

هم مايشتغلوا حاليا لا ادري ايش السبب

ربما لا توجد عناصر تحمل المعرف #number أو #box، لذلك لم يعمل الكود وربما يظهر لديك خطأ في الـ Console في أدوات المطورين Dev Tools (أضغط على Ctrl +Shift + i لرؤية الأخطاء).

الخاصية value خاصة بحقول الإدخال حيث أن هذه القيمة تقوم بإرجاع القيمة التي يدخلها المستخدم في حقل الإدخال كما تلاحظ في المثال التالي

<input type="text" placeholder="Type something..." id="myInput">
<button type="button" onclick="getInputValue();">Get Value</button>

<script>
    function getInputValue(){
        // Selecting the input element and get its value 
        var inputVal = document.getElementById("myInput").value;
        
        //يحمل القيمة الموجودة في حقل الإدخال alert سيتم ظهور 
        alert(inputVal);
    }
</script>

أما بالنسبة ل checked تقوم بإرجاع القيمة أيصاً ولكن تستخدم مع حقل الإدخال checkbox حيث ترجع true أو false

مثال على ذلك

<label for="accept">
   <input type="checkbox" id="accept" name="accept" value="yes">  Accept 
</label>
<script>
const cb = document.getElementById('accept');
console.log(cb.checked);
</script>

أما بالنسبة للخطأ فتوجد إحتمالات كثيرة لذلك قم أولاً بفتح ال console لرؤية إن كان هناك خطأ