خطأ عند اضافة زر لزيادة المنتجات فى الكود

$(document).ready(function(){
    let $qty__up = $(".qty-up");
    let $qty__down = $(".qty-down");
    let $input = $(".qty_input");
    
    // click on qty up button
    $qty__up.click(function(e){
        e.preventDefault();
        let currentValue = parseInt($input.val());
        if(currentValue >= 1 && currentValue <= 9){
            $input.val(currentValue + 1);
        }
    });

    // click on qty down button
    $qty__down.click(function(e){
        e.preventDefault();
        let currentValue = parseInt($input.val());
        if(currentValue > 1 && currentValue <= 10){
            $input.val(currentValue - 1);
        }
    });
});

يمكنك تجربة هذا الكود بعد التعديل ، وحاول التأكد من ال conditions اللى

هل هى صحيحة وهل تقوم بما تريده جيدا .

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

الخطأ فى الكود هو انك لم تضع قيمة ابتدائية للحقل المدخل لذلك هو يرى ان القيمة الحالية فارغة لذلك لا يدخل الى الشرط if والحل هو كالتالى ان نضع قيمة ابتدائية ب 1 او على حسب ماتريد وهذا هو الكود

<input type="text" class="qty_input bg-light w-50 text-center"  disabled value="1">

والشرط الذى تستخدمه هو ان القيمة فى هذا الحقل لا يمكن ان تقل عن 1 ولا تزيد عن 10 لذلك تاكد من ان هذا هو الشرط الذى تريده .

وان وضعت القيمة الابتدائية ب 0 فى الشرط لن يعمل وانا اقترح ان تغير الشرط هذا الى 0 وليس 1 ليعمل جيدا

بتاريخ 26 دقائق مضت قال محمد عبدالله18:

$input.val() >=1

بتاريخ 48 دقائق مضت قال Khaled Osama3:

$(document).ready(function(){
    let $qty__up = $(".qty-up");
    let $qty__down = $(".qty-down");
    let $input = $(".qty_input");
    
    // click on qty up button
    $qty__up.click(function(e){
        e.preventDefault();
        let currentValue = parseInt($input.val());
        if(currentValue >= 1 && currentValue <= 9){
            $input.val(currentValue + 1);
        }
    });

    // click on qty down button
    $qty__down.click(function(e){
        e.preventDefault();
        let currentValue = parseInt($input.val());
        if(currentValue > 1 && currentValue <= 10){
            $input.val(currentValue - 1);
        }
    });
});

يمكنك تجربة هذا الكود بعد التعديل ، وحاول التأكد من ال conditions اللى

هل هى صحيحة وهل تقوم بما تريده جيدا .

جزاك الله خير استاذي الغالي المشكلة كانت في اني لم احدد الvalue الخاصة بالكود الان يعمل بارك الله فيك

بتاريخ 28 دقائق مضت قال محمد عاطف11:

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

الخطأ فى الكود هو انك لم تضع قيمة ابتدائية للحقل المدخل لذلك هو يرى ان القيمة الحالية فارغة لذلك لا يدخل الى الشرط if والحل هو كالتالى ان نضع قيمة ابتدائية ب 1 او على حسب ماتريد وهذا هو الكود

<input type="text" class="qty_input bg-light w-50 text-center"  disabled value="1">

والشرط الذى تستخدمه هو ان القيمة فى هذا الحقل لا يمكن ان تقل عن 1 ولا تزيد عن 10 لذلك تاكد من ان هذا هو الشرط الذى تريده .

وان وضعت القيمة الابتدائية ب 0 فى الشرط لن يعمل وانا اقترح ان تغير الشرط هذا الى 0 وليس 1 ليعمل جيدا

 

جزاك الله خير استاذي الغالي فعلا هذه كانت المشكلة بارك الله فيك

بتاريخ 3 دقائق مضت قال محمد عبدالله18:

جزاك الله خير استاذي الغالي المشكلة كانت في اني لم احدد الvalue الخاصة بالكود الان يعمل بارك الله فيك

جزاك الله خير استاذي الغالي فعلا هذه كانت المشكلة بارك الله فيك

واياكم اللهم امين