dsasadsad

function solution() {
  let fullNameInputField = document.getElementById('fname');
  let emailInputField = document.getElementById('email');
  let phoneNumberInputField = document.getElementById('phone');
  let addressInputField = document.getElementById('address');
  let postalCodeInputField = document.getElementById('code');

  let mainUlelement = document.getElementById('infoPreview');

  let submitButtonElement = document.getElementById('submitBTN');
  submitButtonElement.addEventListener('click', submit);

  let editButtonElement = document.getElementById('editBTN');
  editButtonElement.addEventListener('click', edit);

  let continueButtonElement = document.getElementById('continueBTN');
  continueButtonElement.addEventListener('click', cont);

  function submit() {
    let fullName = fullNameInputField.value;
    let email = emailInputField.value;
    let phoneNumber = phoneNumberInputField.value;
    let address = addressInputField.value;
    let postalCode = postalCodeInputField.value;

    if (fullName !== '' && email !== '') {

      let newFullNameLiElement = document.createElement('li');
      newFullNameLiElement.textContent = `Full Name: ${fullName}`;

      let newEmailLiElement = document.createElement('li');
      newEmailLiElement.textContent = `Email: ${email}`;

      let newPhoneNumberLiElement = document.createElement('li');
      newPhoneNumberLiElement.textContent = `Phone Number: ${phoneNumber}`;

      let newAddressNumberLiElement = document.createElement('li');
      newAddressNumberLiElement.textContent = `Address: ${address}`;

      let newPostalCodeNumberLiElement = document.createElement('li');
      newPostalCodeNumberLiElement.textContent = `Postal Code: ${postalCode}`;

      mainUlelement.appendChild(newFullNameLiElement);
      mainUlelement.appendChild(newEmailLiElement);
      mainUlelement.appendChild(newPhoneNumberLiElement);
      mainUlelement.appendChild(newAddressNumberLiElement);
      mainUlelement.appendChild(newPostalCodeNumberLiElement);

      fullNameInputField.value = '';
      emailInputField.value = '';
      phoneNumberInputField.value = '';
      addressInputField.value = '';
      postalCodeInputField.value = '';

      submitButtonElement.disabled = true;
      editButtonElement.disabled = false;
      continueButtonElement.disabled = false;
    }
  }

  function edit() {
    let liArr = Array.from(document.querySelectorAll('#infoPreview > li'));
    let inputFieldsArr = Array.from(document.querySelectorAll('#form > div > input'));
    for (let i = 0; i < liArr.length; i++) {
      inputFieldsArr[i].value = liArr[i].textContent.split(': ')[1];
    }
    mainUlelement.innerHTML = '';

    editButtonElement.disabled = true;
    continueButtonElement.disabled = true;
    submitButtonElement.disabled = false;
  }

  function cont() {
    let mainDivElement = document.getElementById('block');
    mainDivElement.innerHTML = '';

    let newH3Element = document.createElement('H3');
    newH3Element.textContent = 'Thank you for your reservation!';

    mainDivElement.appendChild(newH3Element);
  }
}