[Sugestão] Desafio 5 Hora de Praticar: Calcular Média | Lógica de programação: praticando com desafios

Segue minha sugestão de código HTML+JavaScript simples sem style CSS, pois estou praticando ainda:
<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Calcular Média</title>
</head>
<body>
    <h1>Calcular a Média Numérica dos Números</h1>
    <label for="num1">Número 1:</label>
    <input type="number" id="num1" placeholder="Digite o primeiro número"><br>

    <label for="num2">Número 2:</label>
    <input type="number" id="num2" placeholder="Digite o segundo número"><br>

    <label for="num3">Número 3:</label>
    <input type="number" id="num3" placeholder="Digite o terceiro número"><br>

    <label for="num4">Número 4:</label>
    <input type="number" id="num4" placeholder="Digite o quarto número"><br>

    <button onclick="calcularMedia()">Calcular Média</button>

    <p id="resultado"></p>

    <script>
        function calcularMedia() {
            // Obtém os valores do campo de entrada
            const num1 = parseFloat(document.getElementById("num1").value);
            const num2 = parseFloat(document.getElementById("num2").value);
            const num3 = parseFloat(document.getElementById("num3").value);
            const num4 = parseFloat(document.getElementById("num4").value);
            const resultado = document.getElementById("resultado");

            // Verifica se os valores são números válidos
            if (isNaN(num1) || isNaN(num2) || isNaN(num3) || isNaN(num4)) {
                resultado.textContent = "Por favor, insira números válidos.";
                return;
            }

            // Calcula a média
            const media = (num1 + num2 + num3 + num4) / 4;

            // Exibe os resultados com os valores dos números e a média em negrito
            resultado.innerHTML = `Números inseridos: ${num1}, ${num2}, ${num3}, ${num4}<br><strong>A média é: ${media.toFixed(2)}</strong>`;

            // Zera os campos dos números
            document.getElementById("num1").value = "";
            document.getElementById("num2").value = "";
            document.getElementById("num3").value = "";
            document.getElementById("num4").value = "";

        }
    </script>
</body>
</html>