index.js

import data from "./helper/data.js";


const button = document.getElementsByClassName("main-button")[0];

button.addEventListener("click", () => {

  const existingDiv = document.getElementsByClassName("user-data")[0];

  if (existingDiv) {
    existingDiv.remove();
  }

  else {
    const userDate = document.createElement("div");
    userDate.className = "user-data";

    userDate.innerHTML = `
  <h1>${data[0].name}</h1>
  <p>${data[0].username}</p>
  <p>${data[0].email}</p>
`;

    document.body.appendChild(userDate);
  }
});