Как вывести наружу переменную из EventListener?

ThunderCat, может с таким примером до человека дойдёт, ахахах

Как вывести наружу переменную из EventListener?

Антон Михайлов, я сказал, что будет нормально отрабатывать в скрипте, но не сказал, при каком условии
Я про то, что впринципе после клика там не undefined и это факт. Вы не можете понять вещи, которые вам доносят люди, что ЗНАЧЕНИЕ ПЕРЕДАЕТСЯ В ПЕРЕМЕННУЮ, Но из-за того, что код отработал только 1 раз, получив значение javascript не будет вам по новой запускать скрипт и проходить через ваши переборы, циклы, условия и т.д.

Как вывести наружу переменную из EventListener?

Антон Михайлов, Да никак ты этого не добьешься) Понимаешь? Я уже сказал, для таких (целей в реальном времени) тебе нужно писать на React или Vue, если ты хочешь обрабатывать подобную логику. Я не знаю, каким языком тебе еще объяснить, что у тебя пока не произойдет клик, всегда и везде будет undefined, а так как js скрипт уже отработал 1 РАЗ, то при клике на блок, кроме слушателя у тебя никакой другой кусок кода отрабатывать не будет, понятно? Поэтому через голый js ты не добьешься того, чего хочешь
То, что просишь ты, это рендеринг и отработка скрипта в зависимости от измененных значений, то есть, как я миллион раз сказал, только через React или Vue ты добьешь такой логики...

Как вывести наружу переменную из EventListener?

Антон Михайлов, ну в том то и дело, что увидеть не можешь, но если после первого слушателя у тебя какая-то логика дальше есть, следующий перебор, условие, цикл, что угодно, то, как я выше писал, значение в любом случае положится в переменную и будет нормально отрабатывать в самом скрипте. Я всего лишь объяснил, почему при console.log ты видел undefined:)

Как вывести наружу переменную из EventListener?

ThunderCat, я кстати пробовал через var, но он undefined также отдавал. Мб я упустил что, но да, верно говорите.

Как вывести наружу переменную из EventListener?

Антон Михайлов, почему у меня не undefined?))

<div class="box">1</div>
<div class="box">2</div>
<div class="box">3</div>
<div class="after">Нажми после клика</div>

let indexNum;
let box = document.querySelectorAll('.box');
let afterBtn = document.querySelector('.after');

 box.forEach((item, index) => {
      item.addEventListener('click', () => {
        console.log(`Локальная: ${index}`);
        window.indexNum = index;
        console.log(`Глобальная: ${window.indexNum}`);
      });
    });

afterBtn.addEventListener('click', () => {
  console.log(window.indexNum);
})

Как вывести наружу переменную из EventListener?

Антон Михайлов, я русским языком объяснил по-моему, что у вас после клика на блок внутри слушателя присваивается значение, и вы можете понять, что сидите на голом HTML + JS, а не на каком-то React или Vue, где можно бы было эту переменную сделать состоянием, изменить состояние где угодно и передавать как угодно? У вас происходит загрузка js скрипта 1 РАЗ, далее, вы присваиваете значение в глобальную переменную, но в консоли вы не увидите щас это значение, потому что консоль лог вне методов отрабатывает только 1 раз при загрузке скрипта... Если хотите проверить значение, то возьмите и создайте второй слушатель, и после того, как отработает первый слушатель, получите значение из глобальной переменной во втором слушателе и поймёте, что значение там есть..

Как вывести наружу переменную из EventListener?

Антон Михайлов,

box.forEach((item, index) => {
      item.addEventListener('click', () => {
        console.log(`Локальная: ${index}`);
        window.indexNum = index;
        console.log(`Глобальная: ${window.indexNum}`);
      });
    });

Как вывести наружу переменную из EventListener?

Антон Михайлов, ну конечно она будет undefined, потому что значение присваивается только после клика на блок...
У вас 1 раз загружается js код, поэтому в него и кладется сразу undefined, ведь присваивания все стоят в слушателе клика на блок, поэтому после клика и присвоится. Тогда темболее непонятна ваша задача) Мб более понятно попробуете донести, чего хотите от кода.

Как вывести наружу переменную из EventListener?

superalesha, ну возьмите и проверьте:) Я же не просто так посоветовал это, наверное я у себя протестировал этот вариант?

Как сделать форму обратной связи на русском домене?

Keit265, хотя секунду, проблема может быть в том, что неправильно написан отправитель. В функции mail в параметре FROM вы должны указать почту сайта НА хостинге, а не какую либо другую, то есть вы должны указать почту сайта, с которого отправляется письмо, вы так делаете?

Как сделать форму обратной связи на русском домене?

Keit265, именно к хостингу. Напишите в техподдержку, мол так и так, не отправляется почта, что делать.

Как изменить скрипт для работы с несколькими блоками?

Newto, тык

Почему в функции выводиться 0?

Денис Соколов, ну у тебя же вызывается и затем удаляется, это одно и то же, что вместо слушателя подставить например связь с API, где вытягивается таблица из 1000 строк) Если её подставить в твой код, вместо создания слушателя, то всё полетит в плане производительности)

Почему в функции выводиться 0?

Narts, да, согласен, в плане оптимизации просто до свидули) Я бы вынес куда-то создание слушателя, чтобы он миллион раз это не делал

Как изменить скрипт для работы с несколькими блоками?

Артем Колчин,

$(document).on('click','.название класса', function() {
  $(this).remove();
});

Как изменить скрипт для работы с несколькими блоками?

Артем Колчин,
<input type="color">

?

Как изменить скрипт для работы с несколькими блоками?

Артем Колчин, я могу говорить только за нативный js, и в нём это оч просто реализовать через target, отлавливать кликнутый элемент и уже с ним работать.

Как сделать, чтобы появлялся текст, когда список пуст на Javascript?

А можно более четкую постановку цели? Лично мне вот не до конца понятно, какой результат вы хотите, где звездочки, на которые нужно нажимать? Какая именно надпись должна исчезнуть? Их там две.

Как мне изменить значения инпута?

ThunderCat, а, вот оно что, ну тогда просто условие сделать, мол если трёхзначная цифра, то всё норм, а если нет и + если эта цифра > 300, то тогда иная логика, не? Ахах