Изменение текста кнопки ввода, связанного с Javascript

Question

У меня есть название продукта (в пункте), текстовая форма и кнопка.У продуктов есть следующие идентификаторы: p1, p2 ... Типы ввода имеют следующие идентификаторы: i1, i2 ... После ввода чего-либо в форме и нажатия кнопки Отправить я хочу изменить текст продукта по умолчанию.У меня есть следующая функция, которая работает только для одного набора (параграф, форма и кнопка).Проблема в том, что эта функция продукта работает только для p1, i1. Я хочу, чтобы она разветвлялась для p1, i1, p2, i2 и т. Д.*

Answer 1

вам нужно передать индекс функции:

function product(id) {
    var userInput = document.getElementById("i"+id).value;
    document.getElementById("p"+id).innerHTML = userInput;
}

Ваш HTML будет выглядеть так:

<button type='button' onclick='product(1)'>Name product</button>

надеюсь, это поможет.

Answer 2

Вы можете использовать цикл, чтобы установить все изменения

function product(){
   for (var i=0;i < totalNumberofItems;i++){
      var userInput = document.getElementById("i"+i).value;
      document.getElementById("p"+i).innerHTML = userInput;
   }
}

То есть, если вы хотите, чтобы кнопка обновляла все поля