<script> </script> no cabeçalho não registra no console no navegador de borda

Levando o aprendizado para o programa mergulhar. Não estou preocupado com as práticas recomendadas para onde inserir código javascript em um documento HTML. Em vez disso, ajude-me a entender por que o código a seguir não foi registrado no console no navegador 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>

questionAnswers(1)

yourAnswerToTheQuestion