Javascript / menu / input

Question

Witam! Chciałbym zrobić dwu poziomowe menu po wciśnięciu inputa. Co powinienem zmienić w kodzie, aby po wciśnięciu na listę ona mi nie znikała?

let inputs = document.querySelectorAll('.form-group.categories input');

for(let input of inputs) {
    let menu = document.querySelector('ul.categories');

    input.addEventListener('focus', function(){
        menu.classList.add('show');
    });

    window.addEventListener('focus', function(){
        menu.classList.remove('show');
    });
}

Pozdrawiam

Comments

co to za twór:

for(let input of inputs)

 

---

Jakoś tak xD

---

Wg mojej wiedzy pętla for ma trochę inną składnię :)

---

A orientujesz co powinienem zmienić, by to działało?

---

Pętla for of też istnieje w JS.

---

Dzięki za info, nie znałem tej pętli.

---

Pytanie do autora czemu input?? Jakieś dane wklepujemy?

---

Chodzi mi o to, że jak na inpucie będzie focus to odpali mi sie menu z label i ukrytym radio i po wybraniu inputa jego value jest przypisywana do głównego input czyli input text

---

to nie focus tylko click wtedy. focus tracisz chcesz czy nie jak zrobisz to poza obszarem.

---

Juz mam, a w jaki sposób mógłbym zrobić, że po wciśnięciu na inny element niż menu to mi się usuwa klasa?

---

Patrz czy wcisniety jesli tak to patrz czy rodzic sie zgadza.