1unitedpower: Verwendung Zugriffszähler mit Onlineanzeige

Beitrag lesen

Kleiner Zusatz: Wenn man das DOM über HTML-Strings zusammenbaut, sollte man im Allgemeinen die variablen Inhalte maskieren. Das ist hier nicht zwingend notwendig, da nur Zahlen eingesetzt werden, aber besser man verlässt sich nicht darauf.

// Quelle: https://stackoverflow.com/questions/6234773/can-i-escape-html-special-chars-in-javascript
function escapeHtml(unsafe) {
    return unsafe
        .replace(/&/g, "&")
        .replace(/</g, "&lt;")
        .replace(/>/g, "&gt;")
        .replace(/"/g, "&quot;")
        .replace(/'/g, "&#039;");
}

const createCounter = (online, visits) => {
    document.body.insertAdjacentHTML(
        'beforeend',
        `
            <aside id="counter">
                <h2>User Counter</h2>
                <label for="online">Online:</label>
                <output id="online">${
                    escapeHtml(online)
                }</output>
                <label for="visits">Visits:</label>
                <output id="visits">${
                    escapeHtml(visits)
                }</output>
            </aside>
        `
    );
};

BTW: Gibt es keine native Funktion in JS, die HTML maskiert?

0 75

Verwendung Zugriffszähler mit Onlineanzeige

Christian
  • html
  • php
  1. 1
    TS
    1. 0
      Christian
      1. 0
        TS
        1. 0
          Christian
          1. 0
            TS
  2. 0
    Der Martin
    1. 0
      Camping_RIDER
      1. 0
        Der Martin
        • html
        • php
        • sprache
        1. 0
          Camping_RIDER
          1. 2
            marctrix
      2. 0
        TS
        1. 0
          Camping_RIDER
          1. 0
            Christian
            1. 0
              Camping_RIDER
              1. 5
                Orlok
                • dom
                • html
                • javascript
                1. 0
                  Camping_RIDER
                  1. 0
                    TS
                    • html
                    • javascript
                    • zusammenarbeit
                    1. 1
                      Camping_RIDER
                    2. 0
                      JürgenB
                      1. 0
                        TS
                        1. 0
                          JürgenB
                          1. 0
                            TS
                            1. 0
                              JürgenB
                              1. 0
                                Camping_RIDER
                                1. 0
                                  JürgenB
                                  1. 0
                                    Christian
                                    1. 0
                                      JürgenB
                                      1. 0
                                        Christian
                                        1. 0
                                          Christian
                                          1. 0
                                            Camping_RIDER
                                            1. 0
                                              Christian
                                              1. 0
                                                Camping_RIDER
                                                1. 0
                                                  Christian
                                                  1. 1
                                                    Camping_RIDER
                                                    1. 0
                                                      Christian
                                                      1. 0
                                                        Gunnar Bittersmann
                                                        • javascript
                                                        1. 0
                                                          Christian
                                                          1. 0
                                                            Matthias Apsel
                                                2. -1
                                                  Christian
                                                  1. 1
                                                    Camping_RIDER
                                  2. 0
                                    Camping_RIDER
                                    1. 0
                                      JürgenB
                                    2. 6
                                      Orlok
                                      • dom
                                      • html
                                      • javascript
                    3. 8
                      Orlok
                      • barrierefreiheit
                      • html
                      • javascript
                      1. 1
                        1unitedpower
                        1. 0
                          Gunnar Bittersmann
                          • html
                          • javascript
                          • php
                          1. 0
                            Orlok
                            1. 2
                              Orlok
                              • html
                              • javascript
                              • programmiertechnik
                          2. 0
                            1unitedpower
                      2. -1
                        marctrix
                        1. 4
                          1unitedpower
                          • mysql
                          • php
                          • wiki
                          1. 0
                            Matthias Scharwies
                        2. 0
                          Gunnar Bittersmann
                          1. 1
                            marctrix
                            1. 1
                              marctrix
                            2. 1
                              Gunnar Bittersmann
                              1. 0
                                marctrix
                                1. 0
                                  JürgenB
                                  1. 0
                                    marctrix
                                    1. 1
                                      Camping_RIDER
                                      1. 0
                                        Der Martin
                                        1. 1
                                          Camping_RIDER
                                          1. 0
                                            Der Martin
                                            1. 1
                                              Camping_RIDER
                                    2. 0
                                      Gunnar Bittersmann
                                      1. 3
                                        Matthias Scharwies
                                        1. 1
                                          TS
                                          1. 0
                                            Matthias Scharwies
                                          2. 0
                                            Camping_RIDER
                                            1. 0
                                              Felix Riesterer
                                            2. 0
                                              TS
                                              • html
                                              • javascript
                                              • php
                                      2. 0
                                        marctrix
                                        1. 1
                                          Matthias Apsel
                                          1. 0
                                            marctrix