[Sugestão] Desafio: Hora de Praticar 6 - Tamanho do Array | Lógica de programação: praticando com desafios

<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Obter Tamanho do Array</title>
</head>
<body>
    <h1>Obter Tamanho do Array</h1>
    <p>Insira uma lista de números separados por vírgula:</p>
    <input type="text" id="listaInput" placeholder="Ex: 1,2,3,4,5">
    <button onclick="calcularTamanho()">Calcular Tamanho</button>
    <p id="resultado"></p>

    <script>
        function obterTamanhoArray(arr) {
            return arr.length;
        }

        function calcularTamanho() {
            // Obtém o valor do input
            const input = document.getElementById('listaInput').value.trim(); // Remove espaços em branco no início e no fim

            // Verifica se o campo de entrada está vazio
            if (input === "") {
                document.getElementById('resultado').textContent = "Por favor, insira uma lista de números.";
                return; // Sai da função se o campo estiver vazio
            }

            // Converte a string de entrada em um array de números
            const minhaLista = input.split(',').map(Number);

            // Verifica se todos os elementos são números válidos
            if (minhaLista.some(isNaN)) {
                document.getElementById('resultado').textContent = "Por favor, insira apenas números separados por vírgula.";
                document.getElementById('listaInput').value = ""; // Limpa o campo de entrada
                return; // Sai da função se houver valores inválidos
            }

            // Calcula o tamanho do array
            const tamanho = obterTamanhoArray(minhaLista);

            // Exibe o resultado na página
            document.getElementById('resultado').textContent = `O tamanho do array é: ${tamanho}`;

            // Limpa o campo de entrada
            document.getElementById('listaInput').value = "";
        }
    </script>
</body>
</html>