Form

function getInputVal(id) {
  return document.getElementById(id).value;
}

document.querySelector('#submit').addEventListener('click', submitForm);

function submitForm(e) {
  e.preventDefault();
  const companyDetails = {
    "company": getInputVal('company'),
    "tagline": getInputVal('tagline'),
    "logo": getInputVal('logo'),
    "firstName": getInputVal('firstname'),
    "lastName": getInputVal('lastname'),
    "phone": getInputVal('phone'),
    "email": getInputVal('email'),
    "social": {
      "instagram": getInputVal('instagram'),
      "facebook": getInputVal('facebook'),
      "twitter": getInputVal('twitter'),
    },
    "colors": {
      "primaryColor": getInputVal('primary-color'),
      "secondaryColor": getInputVal('secondary-color'),
    },
  }

  const {
    company,
    tagline,
    logo,
    firstName,
    lastName,
    phone,
    email,
    social: {
      instagram,
      facebook,
      twitter,
    },
    colors: {
      primaryColor,
      secondaryColor,
    },
    ...otherDetails
  } = companyDetails;

  console.log(`
    Thank you ${firstName} ${lastName} for submitting the form. We will reach you back at ${email} or ${phone} in 24-48 hours. We thank ${company} for your business.
    Facebook: ${facebook}
    Twitter: ${twitter}
    Instagram: ${instagram}
   `)

  let section = document.querySelector('section');
  section.style.backgroundColor = primaryColor;

  let h1 = document.querySelector('h1');
  h1.innerHTML = company;
  let p = document.querySelector('p');
  p.innerHTML = tagline;

  let footer = document.querySelector('footer');
  footer.style.backgroundColor = secondaryColor;
  let address = document.querySelector('address');
  address.innerHTML = `${email} <br> ${phone}`

  document.querySelector('#talent-form').reset();
}