Advertisement
NewBestPastebins

Kompliment Generator

Jul 21st, 2023
48
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.24 KB | None | 0 0
  1. // Først laver vi en variabel, som holder styr på knappen
  2. var button = document.createElement("button");
  3. // Så sætter vi teksten på knappen til noget frækt
  4. button.innerHTML = "Click = +Ego (Click flere gange for at få flere komplimenter!)";
  5. // Så placerer vi knappen i øverste højre hjørne, så den er nem at finde
  6. button.style.position = "absolute";
  7. 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;";
  8. // Så tilføjer vi knappen til dokumentet, så den bliver synlig
  9. document.body.appendChild(button);
  10.  
  11. // Så laver vi en liste med alle de søde ting, vi kan sige til os selv
  12. 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"];
  13.  
  14. // Så laver vi en funktion, som kan vælge et tilfældigt element fra en liste
  15. function getRandomElement(array) {
  16. // Vi bruger Math.random til at få et tilfældigt tal mellem 0 og 1
  17. // Vi ganger det med længden af listen, så vi får et tal mellem 0 og listen.length
  18. // Vi runder det ned til et helt tal med Math.floor, så vi får et gyldigt indeks
  19. var index = Math.floor(Math.random() * array.length);
  20. // Vi returnerer elementet på det indeks fra listen
  21. return array[index];
  22. }
  23.  
  24. // Så laver vi en variabel, som holder styr på det nuværende kompliment
  25. var currentCompliment = "";
  26.  
  27. // Så laver vi en variabel, som holder styr på pop up-vinduet
  28. var popup = null;
  29.  
  30. // Så tilføjer vi en event listener til knappen, som kører en funktion, når vi klikker på den
  31. button.addEventListener("click", function() {
  32. // Vi kalder vores funktion for at få et tilfældigt kompliment fra listen
  33. var randomCompliment = getRandomElement(compliments);
  34. // Hvis det nuværende kompliment ikke er tomt, så tilføjer vi et komma og et mellemrum til det
  35. if (currentCompliment !== "") {
  36. currentCompliment += ", ";
  37. }
  38. // Så tilføjer vi det tilfældige kompliment til det nuværende kompliment
  39. currentCompliment += randomCompliment;
  40.  
  41. // Hvis pop up-vinduet allerede eksisterer, så lukker vi det først
  42. if (popup) {
  43. popup.close();
  44. }
  45.  
  46. // Så laver vi et nyt pop up-vindue med det nuværende kompliment som titel og en besked om at lukke det
  47. popup = window.open("", currentCompliment, "width=1000,height=2000");
  48. popup.document.write("<p>" + currentCompliment + "</p>");
  49. popup.document.write("<p>Klik her eller tryk ESC for at lukke vinduet</p>");
  50.  
  51. // Så tilføjer vi en event listener til pop up-vinduet, som lukker det, når brugeren trykker ESC
  52. popup.addEventListener("keydown", function(event) {
  53. if (event.key === "Escape") {
  54. popup.close();
  55. }
  56. });
  57.  
  58. });
  59.  
  60. // Og voila! Nu har du en knap, som giver dig masser af selvtillid og gode vibes
  61. // Lol, du fortjener det!
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement