Как сделать запуск функции с помощью addEventListener?

Question

[Stalk007]

Мне нужно сделать, чтобы при нажатии кнопки read выводилось значение инпутов, которые есть в этом же блоке div, с помощью addEventListener. Вот код https://codepen.io/stalk000/pen/ZEOwPpW?editors=1010

Answer 1

[Айнур Ярулин]

Ну вроде как-то так

кнопка.addEventListener('click', function() {
  const переменная = инпут.value
  блокКудаХочешьВставитТекст.textContent = переменная
})

Comments

[Stalk007]

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

[Айнур Ярулин]

Stalk007, говнокод, но работает
https://codepen.io/squadcoder/pen/eYzxqdy?editors=1010

[Stalk007]

squadbrodyaga, это я как понял на jquery, я его не знаю, можно пожалуйста перевести,

[Айнур Ярулин]

Stalk007, нет, это чистый js

[Айнур Ярулин]

// это проверка, если какое-то из двух полей пустое, то код не сработает
if (input.value != 0 && textarea.value !=0) {

// здесь не обычные, а обратные кавычки (у меня это клавиша 'Ё' )     
 `<div class="item"> 
        <div>${input.value}</div>
        <div>${textarea.value}</div>
  </div>`

[Stalk007]

squadbrodyaga, ясно, спасибо

[Айнур Ярулин]

Stalk007, ты хоть разобрался?

[Stalk007]

squadbrodyaga, пытался искать что означает доллар, не подскажите?

[Айнур Ярулин]

Stalk007, типо ${} — вставить что-то внутри обратных кавычек.
Пример:

let переменная = 'Олег'
console.log(`Хорошая работа ${переменная}`)

[Stalk007]

squadbrodyaga, ага, и так несколько переменных в одни скобки можно поставить например

let i = 'Олег';
let j = 'Гена';
console.log (`Хорошая работа ${i,j}`);//Хорошая работа Олег Гена

[Айнур Ярулин]

Stalk007, ну вроде да, только я больше одной не пробовал)

[Stalk007]

squadbrodyaga, понятно) спасибо что объяснили

[Stalk007]

squadbrodyaga, проверил выводит последнюю
https://codepen.io/stalk000/pen/GRqeKLx

[Айнур Ярулин]

Stalk007, так же с любыми кавычками можно использовать + +

Пример:

let i = 'Олег';
let j = 'Гена';
console.log('Хорошая работа' + i + 'и' + j)

[Stalk007]

squadbrodyaga, ну это стыдно не знать, я про них сразу и вспомнил, когда рассказали зачем доллар

[Stalk007]

squadbrodyaga, я наверное вам надоел, но когда я наделал таких форм несколько то, работает только первая форма
https://codepen.io/stalk000/pen/bGeZoEo

[Айнур Ярулин]

Stalk007,

я наверное вам надоел

Не надоел.

Вообщем нужно получить все отдельные блоки с помощью querySelectorAll
и юзануть для них цикл forEach. Вообщем вот код, если что-то не поймешь — пиши.
https://codepen.io/squadcoder/pen/oNLKKpW?editors=1010