Hauptseite: Unterschied zwischen den Versionen

← Zum vorherigen Versionsunterschied Zum nächsten Versionsunterschied →

Version vom 19. September 2025, 15:14 Uhr

$(document).ready(function() {

   var count = 0;

   // Rechteck erstellen

var rectButton = $('

')

       .css({
           'width': '400px',
           'height': '200px',
           'background-color': 'rgba(0,0,0,0)', // unsichtbar
           'display': 'flex',
           'justify-content': 'center',
           'align-items': 'center',
           'cursor': 'pointer',
           'border-radius': '8px',
           'user-select': 'none',
           'margin': '20px auto',
           'text-align': 'center'
       });

   // Richtext HTML als String behalten
   function getRichText(count) {

return `

                   Wiki4
                   Life
                   
Clicks: ${count}

`;

   rectButton.html(getRichText(count));

   // Klick-Event
   rectButton.click(function() {
       count++;
       rectButton.html(getRichText(count));
   });

   // Auf der Seite mittig einfügen
   $('body').prepend(rectButton);

});

@@ Zeile 1: / Zeile 1: @@
-// Klickbarer Counter mit stylischem Text
 $(document).ready(function() {
      var count = 0;
@@ Zeile 6: / Zeile 5: @@
      var rectButton = $('<div></div>')
          .css({
-             'width': '300px',
+             'width': '400px',
-             'height': '150px',
+             'height': '200px',
              'background-color': 'rgba(0,0,0,0)', // unsichtbar
              'display': 'flex',
@@ Zeile 19: / Zeile 18: @@
          });
-     // Richtext mit Stil
+     // Richtext HTML als String behalten
-     var richText = $('<div style="font-family: \'Fredoka One\'; font-size: 48px; color: black;">' +
+     function getRichText(count) {
-                     'Wiki<span style="color:#ff6666;">4</span>' +
+        return `<div style="font-family: 'Fredoka One'; font-size: 48px; color: black;">
-                     '<span style="background: linear-gradient(to right, green, lightblue); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">Life</span>' +
+                    Wiki<span style="color:#ff6666;">4</span>
-                     '<br>Clicks: 0</div>');
+                    <span style="background: linear-gradient(to right, green, lightblue); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">Life</span>
+                    <br>Clicks: ${count}
+                </div>`;
+    }
-     rectButton.append(richText);
+     rectButton.html(getRichText(count));
      // Klick-Event
      rectButton.click(function() {
          count++;
-         richText.html('Wiki<span style="color:#ff6666;">4</span>' +
+         rectButton.html(getRichText(count));
-                      '<span style="background: linear-gradient(to right, green, lightblue); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">Life</span>' +
-                      '<br>Clicks: ' + count);
      });