Что не так в скрипте?

Question

[Дима]

Привет. Изучаю js. И застреваю на абсолютно простейших вещах.
Есть скрипт - https://codepen.io/nttw/pen/KKeVJza
Вроде написал скрипт чтоб открывалось, но что-то не так, работает неправильно. Открывается один раз и все.
Также ищу человека наставника по js, потому что часто возникают вопросы по самым простейшим моментам. На них приходится зависать по несколько часов, хотя решение занимает одну минуту.

Comments

[Алексей]

Если ты уж настолько не хочешь юзать бесплатный гугл и тебе обязательно нужен наставник, то хоть ценник за час работы с тобой укажи

Answer 1

[Rsa97]

Answer 2

[Newto]

https://codepen.io/Newto/pen/oNybmpO

Вы просто не обрабатывали все элементы, а обрабатывали только один, первый .content

upd. А потом вообще изменили так, что перестало что-либо работать :)

Comments

[Дима]

ясно. А почему используете var устаревший?

[Алан Гибизов]

Newto, Дима, используйте вставку codepen через кнопку + в редакторе сообщения.
Вот так:

<codepen src="https://codepen.io/Newto/pen/oNybmpO"/>

[Newto]

Дима, Почему же устаревший? Я просто взял это за привычку, т.к. использование let иногда приводит к некоторым проблемам. Но мне можно, я бэкенд разработчик. Если хочется разобраться, то читайте подробнее тут: https://developer.mozilla.org/ru/docs/Web/JavaScri...

[Newto]

Алан Гибизов, Спасибо, буду иметь в виду.

Answer 3

[キム ファイブプラス]

Событие отрабатывает каждый раз правильно
Подсказка:
Событие ты повесил на каждую кнопку, а блок для отображения у тебя для всех событий один и тот же. DOM читается сверху вниз.

Также ищу человека наставника по js

Для этого тебе нужно устроиться на позицию джуна для начала. Или пойти на модные курсы.

Comments

[Дима]

В этом и проблема что я знаю что я повесил на каждую кнопку. Я тупо не знаю куда дальше смотреть и как решить такую простую задачу.

[キム ファイブプラス]

Дима, словами опиши в комменте по пунктам, что делает твой скрипт.

[Дима]

То есть логику я понимаю, что нужно задать правило для каждого дива отдельно, но как это на js написать не знаю. Хотя js основы учил.

[Дима]

キム ファイブプラス, все очень примитивно: чтоб при клике на триггер открывался контент. В каждой секции свой.

[Дима]

Может быть тут можно найти человека с которым иногда можно общаться в телеге, проводить созвоны с показом экрана, можно даже за оплату?

[キム ファイブプラス]

Дима,
Присвоил константе trigger значение всех видимых объектов с классом .trigger.

const trigger = document.querySelectorAll('.trigger'),

Присвоил константе content значение первого объекта с классом .content.
content = document.querySelector('.content');

Что дальше?

[Дима]

キム ファイブプラス, пробовал и просто через document.querySelector объявить

[キム ファイブプラス]

Дима, да вон тебе уже ГЕЙний менторства ниже ответил. Удачи.