1

Java Script

ليش الامر الاول يتم تنفيذه لكن الكونسول لا تطبع

if (document.querySelector("body > i").classList.contains("fa-bars-staggered")) {


    document.querySelector("body > i").addEventListener('click', () => {
        document.querySelector("body > i").classList.remove("fa-bars-staggered")
        document.querySelector("body > i").classList.add("fa-close");
        // document.querySelector(".sidebar").classList.add("active");
    })


} else if (document.querySelector("body > i").classList.contains("fa-close")) {


    document.querySelector("body > i").addEventListener('click', () => {
        console.log("ls");
    })


}

1
mostafa_m

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

(document.querySelector("body > i").classList.contains("fa-bars-staggered")

سيتم تنفيذ ما بداخلها 

 document.querySelector("body > i").addEventListener('click', () => {
        document.querySelector("body > i").classList.remove("fa-bars-staggered")
        document.querySelector("body > i").classList.add("fa-close");
        // document.querySelector(".sidebar").classList.add("active");
    })

وهو لا يحتوي على كونسول لكى يتم تنفيذه

وبما انه تم تنفيذ ما بداخل الشرط الأول فلا يتم الدخول الى الشرط التانى else if

لا يتم الدخول الى الشرط التانى وتنفيذ ما بداخله الى الا فى حالة الشرط الأول لم يتحقق

وتم تحقق الشرط الثانى

بعد ذلك عند عمل click على 

 document.querySelector("body > i")

يتم اضافة class

fa-close

اذن ن تم تحقق الشرط الثانى ويتم تنفيذ ما بداخلها ولكن لا بد من عمل click لكى يتم طباعة ما بداخل الكونسول