Web - 3 - 7

const body = document.querySelector('body')

function makeElement(element, parent, type) {
  let newElement = document.createElement(element)
  if (type != null) {
    newElement.type = type
  }

  parent.appendChild(newElement)

  return newElement
}

let form = makeElement('form', body)

let input = makeElement('input', form, 'text')

let submit = makeElement('input', form, 'submit')

let output = makeElement('p', body)

form.addEventListener('submit', (event) => {
  event.preventDefault()
  output.innerHTML = input.value + '<br>' + output.innerHTML
  input.value = ''
})