Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- // 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!
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement