show self

Zum erklären von Web-Technologie ist es manchmal recht hilfreich den Quelltext auf der Seite gleich mit anzuzeigen.

This is possible with just one simple trick! (Other developers hate him..)

Die ganze Magie dahinter:

                    const code = document.createElement('code');
                    code.appendChild(document.createTextNode(document.documentElement.outerHTML));
                

Die TextNode kümmert sich darum die spitzen Klammern in < bzw. > umzuwandeln.

Das ganze noch in ein pre Tag schieben und an den body anhängen.. Fertig!