não consigo achar o erro.

Não aponta nenhum erro mas tabm não acontece nada, antes de colocar o inDuracao/outDurcao o inFilme/outFilme roda certinho mas dps de adicionar o filme n acontece mais nada

<!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;
var inFilme = document.getElementById("inFilme");
var inDuracao = document.getElementById("inDuracao");

var filme = inFilme.value;
var duracao = inDuracao.value;
function converteDuracao(){

    document.getElementById("outFilme").textContent = filme
    document.getElementById("outDuracao").textContent = duracao
}




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

botao.addEventListener("click", converteDuracao)

//var inDuracao = document.getElementById("inDuracao").value; var inFilme = document.getElementById("inFilme"); var inDuracao = document.getElementById("inDuracao"); function converteDuracao(){ var filme = inFilme.value; var duracao = inDuracao.value; document.getElementById("outFilme").textContent = filme document.getElementById("outDuracao").textContent = duracao } var conversao = document.getElementById("botao"); botao.addEventListener("click", converteDuracao)

Mergulhe em programação