EK
При клике должна оставаться активной таба
Size: a a a
2021 January 31
v
При клике должна оставаться активной таба
код не смотрел, но getElementsByClassName возвращает псевдомассив найденных элементов, нельзя просто так взять и вызвать метод getElementsByClassName у массива, которого у него нет.
EK
va1
код не смотрел, но getElementsByClassName возвращает псевдомассив найденных элементов, нельзя просто так взять и вызвать метод getElementsByClassName у массива, которого у него нет.
менял на квери селектор и тоже самое (
М
менял на квери селектор и тоже самое (
Это по какому-то наскальному учебнику обучение? className вместо classList, var вместо let/const, getElementsByClassName вместо querySelector
EK
Это по какому-то наскальному учебнику обучение? className вместо classList, var вместо let/const, getElementsByClassName вместо querySelector
v
менял на квери селектор и тоже самое (
var [headerMenu] = document.getElementsByClassName("header__menu");
var tabs = headerMenu.getElementsByClassName("header__menu-tab");
headerMenu - первый найденный элемент с классом header__menu, далее ищем у его потомков по классу. Попробуй мож сработает. Или юзай querySelector() (если querySelectorAll - то опятьже - искать потомков нужно у конкретного элемента, либо в цикле по псевдомассиву)
var tabs = headerMenu.getElementsByClassName("header__menu-tab");
headerMenu - первый найденный элемент с классом header__menu, далее ищем у его потомков по классу. Попробуй мож сработает. Или юзай querySelector() (если querySelectorAll - то опятьже - искать потомков нужно у конкретного элемента, либо в цикле по псевдомассиву)
М
сейчас посмотрю, спасибо
const headerMenu = document.querySelector(".header__menu");
const tabs = headerMenu.querySelectorAll(".header__menu-tab");
tabs.forEach(element => {
element.addEventListener("click", function () {
const current = headerMenu.querySelector(".active");
current.classList.remove('active');
element.classList.add('active')
})
});М
Но можно и делегированием. Если учишь JS там, лучше на более современном ресурсе учи - https://learn.javascript.ru/
EK
Но можно и делегированием. Если учишь JS там, лучше на более современном ресурсе учи - https://learn.javascript.ru/
спасибо, сейчас попробую оба варианта
EK
а так нельзя в див ссылку пихать?)
v
а так нельзя в див ссылку пихать?)
Не эт я туплю, там странно песочница работает
v
Немогу понять в чём причина, но листенеры там отрабатывают только после перезагрузки внутреннего окна превью по кнопке обновить. Если обновить в браузере то нифига не работает, даже window.onload не помогает. Уже сталкивался с такой фигней в codesandbox
EK
va1
Немогу понять в чём причина, но листенеры там отрабатывают только после перезагрузки внутреннего окна превью по кнопке обновить. Если обновить в браузере то нифига не работает, даже window.onload не помогает. Уже сталкивался с такой фигней в codesandbox
я наверно переделаю код, а то я не так понял задачу, там вообще табы надо сделать и среди них переключать, а я сделал дивы с ссылкой.
GK
Здравствуйте всем! У меня такой вопрос. Вт есть такой лёгкий цикл.
do {
arr.push(+prompt('Введите число', ''));
} while (!NaN && (typeof arr[arr.length - 1] === 'number'));
Цикл продолжается, даже при вводе строки. Уже даже не знаю что сделать...
do {
arr.push(+prompt('Введите число', ''));
} while (!NaN && (typeof arr[arr.length - 1] === 'number'));
Цикл продолжается, даже при вводе строки. Уже даже не знаю что сделать...
М
Здравствуйте всем! У меня такой вопрос. Вт есть такой лёгкий цикл.
do {
arr.push(+prompt('Введите число', ''));
} while (!NaN && (typeof arr[arr.length - 1] === 'number'));
Цикл продолжается, даже при вводе строки. Уже даже не знаю что сделать...
do {
arr.push(+prompt('Введите число', ''));
} while (!NaN && (typeof arr[arr.length - 1] === 'number'));
Цикл продолжается, даже при вводе строки. Уже даже не знаю что сделать...
typeof NaN
DM
в чем сакральный смысл
!NaN?GK
typeof NaN
typeof NaN == 'number'. Или вы про что?
GK
в чем сакральный смысл
!NaN?Да. Надо указать, чтоб именно последний элемент не был равен NaN. Спасибо