Erro no querySelector - | JavaScript: programando na linguagem da web

Fiz o codigo inicial da Aula 02

HTML:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Aula 02</title>
</head>
<body>
    <h1>JavaScript: Programando na Linguagem Web</h1>

    <tr class="paciente" id="primeiro-paciente">
        <td class="info-nome">Paulo</td>
        <td class="info-peso">100</td>
        <td class="info-altura">2.00</td>
        <td class="info-gordura">10</td>
        <td class="info-imc">0</td>
    </tr>

    <script src="js/javascript.js"></script>

</body>
</html>

Javascript:

var paciente = document.querySelector("#primeiro-paciente");

paciente.querySelector(".info-peso");

Quando abro a pagina no Google Chrome apareceu o seguinte erro:

Uncaught TypeError: Cannot read property 'querySelector' of null
    at javascript.js:3

O código que está na linha 3 que é referenciado na mensagem de erro é:

paciente.querySelector(".info-peso");

Alguém pode me dize o motivo desse erro? Estou fazendo exatamente como mostrado na aula, inclusive - após o erro -copiei e colei o código para não ter erro de digitação.

Mergulhe em programação