text: var people = [];
  var person = { fname: "", lname: "", age: "", email: "", phone: "" };
  
  const output = document.querySelector("output");
  const first = document.querySelector("first");
  const last = document.querySelector("last");
  const age = document.querySelector("#age");
  const email = document.querySelector("email");
  const phone = document.querySelector("phone");
  
  document.getElementById("submit").addEventListener("click", function(event) {
    event.preventDefault();
    person.fname = first.value;
    person.lname = last.value;
    person.age = age.value;
    person.email = email.value;
    person.phone = phone.value;
    people.push(person);
    output.textContent = "Added New Recipient";
  });
  
  document.getElementById("listNames").addEventListener("click", function(event) {
    event.preventDefault();
    output.innerHTML =
      "<ul>" +
      people.map(function(person) {
        return "<li>" + person.first + person.last + "</li>";
      });
  });
  
  document.getElementById("listAll").addEventListener("click", function(event) {
    event.preventDefault();
    output.innerHTML =
      "<ul>" +
      people.map(function(person) {
        return (
          "<li>" +
          person.first +
          person.last +
          person.age +
          person.email +
          person.phone +
          "</li>"
        );
      });
  });
  