problemas com o queryselector | JavaScript: programando na linguagem da web

bom dia.

Não sei o que há no meu javascript que apenas minha variável "porcento" funciona. O console.log diz que apenas "undefined". Qual o problema?

var status = document.querySelector("#status");
var porcento = document.querySelector("#porcento");

porcento.textContent = "troca";

console.log(status.textContent);

<body>
    <div class="container" id="app">
        <h5 id="lozango-borda">
            <strong>AVALIADOR DE SEGURANÇA DE SENHA</strong>
        </h5>
        <div id="lozango-gray" class="container">
            <form method="post">
                        <input class="form-control" type="text" name="password" placeholder="senha">
                        <div id="labels" class="container">                    
                            <label id="porcento" class="container"><strong>0% </strong> </label>
                            <label id="status" class="container">Muito Curta</label>
                        </div>                            
            </form>
        </div>
    </div>

    <script type="text/javascript" src="validador.js"></script>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
</body>