@Alisa94

Как применить одну функцию onclick к нескольким кнопкам?

У меня есть список кнопок в сайдбаре и два поля ввода(номер один и номер два) в главном контейнере. Мне нужно сделать так, чтобы при нажатии на первую(или вторую, третью и т.д.) кнопку имя этой кнопки отправилось на главный контейнер в поле ввода номер один. Затем при нажатии на вторую(или первую, или третью и т.д.) кнопку имя этой кнопки отправилось на главный контейнер в поле ввода номер два. Я думаю, что я должен это сделать с помощью события onclick, но для меня способ реализации не имеет большого значения. Ниже приведу свой код, который отправляет имя нажатой кнопки только в первое поле ввода(поле номер один).

JS

function projectClick(index, name) {
  const nameA = document.getElementById('prjA');
  const nameB = document.getElementById('prjB');   
  nameA.value = name;
}


pug

mixin projectButton(objectName index) 
  lable
    input.prjBtn(type="button" value=`${objectKey}` onclick="projectClick('" + index + "','" + objectKey + "')")

block append main
  form.formMod
    input.form-control#prjA(type="text" name="prjA")
    input.form-control#prjB(type="text" name="prjB")

block append sidebar
  form.formMod
    each val, index in projectlist
      +projectButton(val.objectKey, index)
  • Вопрос задан
  • 175 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы