Løsning ES6

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Tittel</title>
    </head>
    <body>

        <ul id="liste"></ul>

        <script type="text/javascript">
            var ul = document.querySelector("#liste");

            //I ES6, så blei det lagt til ein ny måte å lage variabel på: "let". Med denna måten kan man unngå å
            //dele denna variabelen både uttafor og djupare inni ein loop eller funksjon
            for(let i = 100; i > 0; i--) {
                let li = document.createElement("li");

                ul.appendChild(li)

                //Denna måten å konstruere ein string på kalles "Template literal", der ein kan omslutte
                //ein variabel inni ${} og gjere matte på det, kjøre ein funksjon og meir
                li.appendChild(document.createTextNode(`${i} Bottles of solobrus on the wall ♫ ${i} bottles of solobrus ♫. Take one down, pass it around ♫ ${i-1} bottles of solobrus on the wall ♫`));
            }

            //Om vi hadde brukt var i = 100, hadde vi fått 0 som tilbakeresultat. Men i steden får vi undefined.
            //Variabelen finnes ikkje. Ville berre inkludere denna for å introdusere litt ES6 features :)
            console.log(i)
        </script>
    </body>
</html>