Тема: Як створити динам. 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.