<script> </ script> в заголовке не ведет на консоль в пограничном браузере

Принимая обучение к программе погружения. Меня не волнует лучшая практика для того, где вставить код JavaScript в документ HTML. Скорее, пожалуйста, помогите мне понять, почему следующий код не вошел в консоль в браузере Edge.

<head>
    <title>Layout Work</title>
    <meta lang="en" charset="utf-8">
    <link rel="stylesheet" type="text/css" href="css/normalize.css">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <script>
        var bottles = 99;
        var beerSongPartOne = " bottles of beer on the wall!";
        var beerSongPartTwo = " bottles of beer!";
        var beerSongPartThree = "take one down pass it around";

        while (bottles > 0) {
        console.log(bottles + beerSongPartOne);
        console.log(bottles + beerSongPartTwo);
        var bottles = bottles - 1;
        console.log(beerSongPartThree);
        console.log(bottles + beerSongPartOne);
        }
    </script>
</head>

Ответы на вопрос(1)

Ваш ответ на вопрос