Exercios no htlm | Lógica de programação: explore funções e listas

Bom dia!

Segue os meus exercicios.

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@700&family=Inter:wght@400;700&display=swap"
        rel="stylesheet">
    <link rel="stylesheet" href="style.css">
    <title>Desafio JS</title>
</head>

<body>
    <div class="container">
        <div class="container__conteudo">
            <div class="container__informacoes">
                <div class="container__texto">
                    <h2>Boas vindas ao desafio de programação!</h2>

                    <p>
                    <pre>
                            <code>
                                <h3>// 1. Crie uma lista vazia, com o nome listaGenerica .</h3>

                                let listaGenerica = [];
                            </code>
                        </pre>
                    </p>
                    <p>
                    <pre>
                            <code>
                                <h3>// 2. Crie uma lista de linguagens de programação   chamada linguagensDeProgramacao com os
// seguintes elementos: 'JavaScript','C','C++', 'Kotlin' e 'Python'.</h3>

                                const linguagensDeProgramacao = ['JavaScript','C','C++', 'Kotlin', 'Python'];

                            </code>
                        </pre>
                    </p>
                    <p>
                    <pre>
                            <code>
                                <h3>// 3. Adicione à lista linguagensDeProgramacao os seguintes elementos: 'Java', 'Ruby' e 'GoLang'.
</h3>

                                linguagensDeProgramacao.push('Java', 'Ruby','GoLang');

                            </code>
                        </pre>
                    </p>
                    <p>
                    <pre>
                            <code>
                                <h3>// 4. Crie uma lista com 3 nomes e exiba no console apenas o primeiro elemento.
</h3>

                                let listaNomes = ['Jairo', 'Cristão', 'Programador'];
                                console.log(listaNomes.length[0]);

                            </code>
                        </pre>
                    </p>

                    <p>
                    <pre>
                            <code>
                                <h3>// 5. Crie uma lista com 3 nomes e exiba no console apenas o segundo elemento.
</h3>

                                let listaNomes = ['Jairo', 'Cristão', 'Programador'];
                                console.log(listaNomes[1]);
                            </code>
                        </pre>
                    </p>

                    <p>
                    <pre>
                            <code>
                                <h3>// 6. Crie uma lista com 3 nomes e exiba no console apenas o último elemento.
</h3>

                                let listaNomes = ['Jairo', 'Cristão', 'Programador'];
                                console.log(listaNomes[listaNomes.length -1]);
                            </code>
                        </pre>
                    </p>

                </div>
                <img src="./img/trophy.png" alt="ícone de um troféu" />
            </div>
        </div>
    </div>
    <script src="app.js" defer></script>
</body>

</html>

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@700&family=Inter:wght@400;700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="style.css"> <title>Desafio JS</title> </head> <body> <div class="container"> <div class="container__conteudo"> <div class="container__informacoes"> <div class="container__texto"> <h2>Boas vindas ao desafio de programação!</h2> <pre><code> // 1. Crie uma lista vazia let listaGenerica = []; // 2. Crie uma lista de linguagens de programação const linguagensDeProgramacao = ['JavaScript', 'C', 'C++', 'Kotlin', 'Python']; // 3. Adicione novos elementos linguagensDeProgramacao.push('Java', 'Ruby', 'GoLang'); // 4. Exiba o primeiro nome let listaNomes = ['Jairo', 'Cristão', 'Programador']; console.log(listaNomes[0]); // 5. Exiba o segundo nome console.log(listaNomes[1]); // 6. Exiba o último nome console.log(listaNomes[listaNomes.length - 1]); </code></pre> </div> <img src="./img/trophy.png" alt="ícone de um troféu" /> </div> </div> </div> <script src="app.js" defer></script> </body> </html>