function modalWindow() {
  const modalView = document.createElement("div");
  modalView.className = "grid";
  modalView.classList.add("modalView");
  // create divs for the modal view information
  const photoDiv = document.createElement("div");
  photoDiv.className = "photoModal";
  const photoImg = document.createElement("img");
  photoImg.className = "cardPhotoModal";
  const nameDiv = document.createElement("div");
  nameDiv.className = "nameModal";
  const emailDiv = document.createElement("div");
  emailDiv.className = "emailModal";
  const locationDiv = document.createElement("div");
  locationDiv.className = "locationModal";
  const phoneDiv = document.createElement("div");
  phoneDiv.className = "phoneModal";
  const addressDiv = document.createElement("div");
  addressDiv.className = "addressModal";
  const birthdayDiv = document.createElement("div");
  birthdayDiv.className = "birthdayModal";
  const closeButton = document.createElement("div");
  closeButton.className = "closeButton";
  closeButton.innerHTML = "&times;";
  // insert the elements into the 'newCard' element
  modalView.appendChild(photoDiv);
  photoDiv.appendChild(photoImg);
  modalView.appendChild(nameDiv);
  modalView.appendChild(emailDiv);
  modalView.appendChild(locationDiv);
  modalView.appendChild(phoneDiv);
  modalView.appendChild(addressDiv);
  modalView.appendChild(birthdayDiv);
  modalView.appendChild(closeButton);
  // append the div to the main page div
  document.getElementsByClassName("page")[0].appendChild(modalView);
  return modalView;
}
// function to create a blank modal window, for when an employee card is clicked on
function to create a blank modal window, for when an employee card is clicked on
function to create a blank modal window for when an employee card is clicked on
function modalWindow() {
  const modalView = document.createElement("div");
  modalView.className = "grid";
  modalView.classList.add("modalView");
  const photoDiv = document.createElement("div");
  photoDiv.className = "photoModal";
  const photoImg = document.createElement("img");
  photoImg.className = "cardPhotoModal";
  const nameDiv = document.createElement("div");
  nameDiv.className = "nameModal";
  const emailDiv = document.createElement("div");
  emailDiv.className = "emailModal";
  const locationDiv = document.createElement("div");
  locationDiv.className = "locationModal";
  const phoneDiv = document.createElement("div");
  phoneDiv.className = "phoneModal";
  const addressDiv = document.createElement("div");
  addressDiv.className = "addressModal";
  const birthdayDiv = document.createElement("div");
  birthdayDiv.className = "birthdayModal";
  const closeButton = document.createElement("div");
  closeButton.className = "closeButton";
  closeButton.innerHTML = "&times;";
  modalView.appendChild(photoDiv);
  photoDiv.appendChild(photoImg);
  modalView.appendChild(nameDiv);
  modalView.appendChild(emailDiv);
  modalView.appendChild(locationDiv);
  modalView.appendChild(phoneDiv);
  modalView.appendChild(addressDiv);
  modalView.appendChild(birthdayDiv);
  modalView.appendChild(closeButton);
  document.getElementsByClassName("page")[0].appendChild(modalView);
  return modalView;
}
function modalWindow ( ) { const modalView = document . createElement ( "div" ) ; modalView . className = "grid" ; modalView . classList . add ( "modalView" ) ; const photoDiv = document . createElement ( "div" ) ; photoDiv . className = "photoModal" ; const photoImg = document . createElement ( "img" ) ; photoImg . className = "cardPhotoModal" ; const nameDiv = document . createElement ( "div" ) ; nameDiv . className = "nameModal" ; const emailDiv = document . createElement ( "div" ) ; emailDiv . className = "emailModal" ; const locationDiv = document . createElement ( "div" ) ; locationDiv . className = "locationModal" ; const phoneDiv = document . createElement ( "div" ) ; phoneDiv . className = "phoneModal" ; const addressDiv = document . createElement ( "div" ) ; addressDiv . className = "addressModal" ; const birthdayDiv = document . createElement ( "div" ) ; birthdayDiv . className = "birthdayModal" ; const closeButton = document . createElement ( "div" ) ; closeButton . className = "closeButton" ; closeButton . innerHTML = "&times;" ; modalView . appendChild ( photoDiv ) ; photoDiv . appendChild ( photoImg ) ; modalView . appendChild ( nameDiv ) ; modalView . appendChild ( emailDiv ) ; modalView . appendChild ( locationDiv ) ; modalView . appendChild ( phoneDiv ) ; modalView . appendChild ( addressDiv ) ; modalView . appendChild ( birthdayDiv ) ; modalView . appendChild ( closeButton ) ; document . getElementsByClassName ( "page" ) [ 0 ] . appendChild ( modalView ) ; return modalView ; }
function to create a blank modal window, for when an employee card is clicked on
function to create a blank modal window for when an employee card is clicked on
// create divs for the modal view information // insert the elements into the 'newCard' element // append the div to the main page div