não consigo achar o erro. | JavaScript | Alura

Estou resolvendo alguns problemas de Javascript e estou preso nesse aqui, o inFilme/inFilme faz tudo certinho, quando digito no input ele mostra na pagina mas quando faço a mesma coisa com o inDuracao/inDuracao ele da o erro Uncaught TypeError: Cannot set properties of null (setting 'textContent') e quando nao da esse erre, diz erro Uncaught TypeError: Cannot read properties of null (reading 'value')

<!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></title>
</head>
<body>
    <h1>Video Locadora JS</h1>

    <p>Titulo do filme:
        <input type="text" id="inFilme">
    </p>

    <p>Tempo de duração (min)
        <input type="text" id="inDuracao">
    </p>

    <p>
        <input type="button" value="Conversao minutos para hora" id="botao" >
    </p>

    <p id="outFilme"> </p>

    <p id="outDuracao"> </p>

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

</body>
</html>

Codigo JS

//var inDuracao = document.getElementById("inDuracao").value;

function converteDuracao(){
    var inFilme = document.getElementById("inFilme").value;
    var inDuracao = document.getElementById("inDuracao").value;

    document.getElementById("outFilme").textContent = inFilme
    document.getElementById("outSaida").textContent = inDuracao
}




var conversao = document.getElementById("botao");

botao.addEventListener("click", converteDuracao)

Mergulhe em programação