ex4_lista11.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Bairro</title>
</head>

<body>

    <input type="text" id="in_filme">
    <button onclick="CadastrarFilme()">Cadastrar Filme</button>
    <button onclick="VerFavoritos()">Ver Favoritos</button>
    <div id="div_mostrar"></div>

</body>

</html>
<script>

    listaFilmes = []

    function CadastrarFilme() {
        listaFilmes.push(in_filme.value) 
    }

    function VerFavoritos() {
        div_mostrar.innerHTML = ``
        for (var contador = 0; contador < listaFilmes.length; contador++) {

            div_mostrar.innerHTML = `${listaFilmes[contador]}<br>`
        
        }

        div_mostrar.innerHTML = `Total de filmes ${listaFilmes.length}<br>
        O que filme que mais gosta é ${listaFilmes[0]}.<br>
        O que filme que mais gosta é ${listaFilmes[listaFilmes.length - 1]}.
        
        
        `

       
    }


</script>