// Først laver vi en variabel, som holder styr på knappen
var button = document.createElement("button");
// Så sætter vi teksten på knappen til noget frækt
button.innerHTML = "Click = +Ego (Click flere gange for at få flere komplimenter!)";
// Så placerer vi knappen i øverste højre hjørne, så den er nem at finde
button.style.position = "absolute";
button.style = "position:aboslute;top:5;right:500px;border-radius:16px;align-self:center;font-size:20px;font-weight:1000;border:5px solid black;cursor:pointer;";
// Så tilføjer vi knappen til dokumentet, så den bliver synlig
document.body.appendChild(button);

// Så laver vi en liste med alle de søde ting, vi kan sige til os selv
var compliments = ["Du er fantastisk", "Du er smuk", "Du er klog", "Du er sjov", "Du er venlig", "Du er modig", "Du er talentfuld", "Du er unik", "Du er charmerende", "Du er inspirerende", "Du er dygtig", "Du er loyal", "Du er ærlig", "Du er kreativ", "Du er positiv", "Du er generøs", "Du er imponerende", "Du er sympatisk", "Du er cool", "Du er sød", "Du er smart", "Du er glad", "Du er stærk", "Du er sej", "Du er elskelig", "Du er spændende", "Du er flink", "Du er hjælpsom", "Du er fantastisk", "Du er vidunderlig"];

// Så laver vi en funktion, som kan vælge et tilfældigt element fra en liste
function getRandomElement(array) {
  // Vi bruger Math.random til at få et tilfældigt tal mellem 0 og 1
  // Vi ganger det med længden af listen, så vi får et tal mellem 0 og listen.length
  // Vi runder det ned til et helt tal med Math.floor, så vi får et gyldigt indeks
  var index = Math.floor(Math.random() * array.length);
  // Vi returnerer elementet på det indeks fra listen
  return array[index];
}

// Så laver vi en variabel, som holder styr på det nuværende kompliment
var currentCompliment = "";

// Så laver vi en variabel, som holder styr på pop up-vinduet
var popup = null;

// Så tilføjer vi en event listener til knappen, som kører en funktion, når vi klikker på den
button.addEventListener("click", function() {
  // Vi kalder vores funktion for at få et tilfældigt kompliment fra listen
  var randomCompliment = getRandomElement(compliments);
  // Hvis det nuværende kompliment ikke er tomt, så tilføjer vi et komma og et mellemrum til det
  if (currentCompliment !== "") {
    currentCompliment += ", ";
  }
  // Så tilføjer vi det tilfældige kompliment til det nuværende kompliment
  currentCompliment += randomCompliment;
  
  // Hvis pop up-vinduet allerede eksisterer, så lukker vi det først
  if (popup) {
    popup.close();
  }
  
  // Så laver vi et nyt pop up-vindue med det nuværende kompliment som titel og en besked om at lukke det
  popup = window.open("", currentCompliment, "width=1000,height=2000");
  popup.document.write("<p>" + currentCompliment + "</p>");
  popup.document.write("<p>Klik her eller tryk ESC for at lukke vinduet</p>");
  
  // Så tilføjer vi en event listener til pop up-vinduet, som lukker det, når brugeren trykker ESC
  popup.addEventListener("keydown", function(event) {
    if (event.key === "Escape") {
      popup.close();
    }
  });
  
});

// Og voila! Nu har du en knap, som giver dig masser af selvtillid og gode vibes
// Lol, du fortjener det!