Formularz z HTML + JS

Question

Witam, jestem kompletnie zielony z JavaScript tak więc muszę was o pomoc/wytłumaczenie :)

 

Zrobiłem w HTML przykładowy formularz do wypełnienia, którego założeniem jest dodanie nowego elementu do drzewa DOM w HTML dzięki skryptowi w JS.

 

<div class="inputBox">
             <input type="text" name="" required="">
             <label>Imie</label>
         </div>
         <div class="inputBox">
             <input type="text" name="" required="">
             <label>Nawisko</label>
         </div>
         <div class="inputBox">
             <input type="text" name="" required="">
             <label>Adres</label>
</div>

A pomocy potrzebuje w tym, że kompletnie nie wiem jak podpiąć JS pod ten formularz by dodać nowy element z nowymi własciwosciami. Licze na pomoc i wytłumaczenie.

Comments

Chcesz dodawać jakieś konkretne elementy? Jak ma wyglądać interfejs tego dodawania?

---

interfejs mam juz okreslony, chodzi mi o to w jaki sposób to co wpisuje w formularzu pojawia sie na stronie za pomocą JS

Answer 1

Poczytaj o:

document.createElement();
document.appendChild();
element.classList
element.getAttribute()
element.setAttribute()

myślę, że jak poczytasz o tych metodach i pooglądasz przykłady w docs MDN to zrobisz to zadanko.