1

Тема: Як створити динам. 3 однакові елем. не використовую цикл for,innerHTML

Добрий день. Питання як створити діначескі елементи якщо теги, класи однакові, а змінюються тільки значення у атрибутів.

На html

<div class="form__item">
            <label for="formName" class="form__label">Ваше ім'я*:</label>
            <input id="formName" type="text" class="form__input" name="name">
            <span class="form__error"></span>
        </div>
        <div class="form__item">
            <label for="formTelephon" class="form__label">Вкажіть телефон*:</label>
            <input id="formTelephon" type="tel" class="form__input" name="telephon">
            <span class="form__error"></span>
        </div>
        <div class="form__item">
            <label for="formData" class="form__label">Оберіть бажану дату*:</label>
            <input id="formData" type="date" class="form__input" name="data">
            <span class="form__error"></span>
        </div>

На JS

const formItem = document.createElement("div")
  formItem.classList.add("form__item");
 
  const formLabel = document.createElement("label")
  formLabel.classList.add("form__label")
  formLabel.setAttribute("for", "formName")
  formLabel.textContent = "Ваше ім'я*:"
 
  const formInput = document.createElement("input")
  formInput.classList.add("form__input")
  formInput.setAttribute("id", "formName")
  formInput.setAttribute("type", "text")
  formInput.setAttribute("name", "name")
 
  const formError = document.createElement("span")
  formError.classList.add("form__error")

тут має бути те ж саме що що зверху, тільки з іншими значеннями атрибут

У випадку з 2 прикладу я не можу створити 3 рази однакові const. І не хочу використовувати innerHTML і цикл for.

2

Re: Як створити динам. 3 однакові елем. не використовую цикл for,innerHTML

не зрозумів питання, шо треба зробить? однакові змінні і не можна створювати, це одне з найбазовіших правил більшості мов програмування.
А ще вставляйте код в тег code, а не простим текстом, і не пишіть в коді московських слів, бо це огидно. На перший раз я то все виправив за вас.

Подякували: leofun011

3

Re: Як створити динам. 3 однакові елем. не використовую цикл for,innerHTML

Так ви використовуєте const, її не можна перепризначити, робіть var або let

4

Re: Як створити динам. 3 однакові елем. не використовую цикл for,innerHTML

VTrim написав:

Так ви використовуєте const, її не можна перепризначити, робіть var або let

var зараз ніхто не робе і не рекомендують. Або let, або const, якщо значення змінної більше не буде змінюватись.

Подякували: flatliner1