a formatação do código da aula fica com erro | JavaScript e HTML: desenvolva um jogo e pratique lógica de programação

<!-- Neste, cada nome fica junto com o "anos" -->
<script>

    var ano = 2016;

    document.write("Flávio tem " + (ano - 1977) + " anos");
    document.write("<br>");
    document.write("Joaquim tem " + (ano - 1996) + " anos");
    document.write("<br>");

    ano = 2017;
    document.write("Barney tem " + (ano - 1976) + " anos");
    document.write("<br>");

</script>

<!-- Esse foi feito por mim  -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>

        var ano = 2016;

        document.write("Flávio tem " + (ano - 2000) + " anos <br> ");
        document.write("Joaquim tem " + (ano - 1999) + " anos <br> ");

        ano = 2017;
        document.write("Barney tem " + (ano - 2005) + " anos")

    </script>
</body>
</html>

Mergulhe em programação