<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Portal de Notícias - Unidade 3.3</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>

    <nav class="navbar navbar-dark bg-primary mb-4">
        <div class="container">
            <span class="navbar-brand mb-0 h1">TechNews FMU</span>            
        </div>
    </nav>

    <div class="container">
        <header class="mb-4">
            <h1 class="display-5">Exemplo de JavaScript</h1>
            <p class="text-muted">Estruturas de Repetição: For e While.</p>
        </header>
    </div>

    <script>
        // 1. Uso do FOR: Simulando carregamento de 3 notícias
        console.log("--- Iniciando Laço FOR ---");
        for (let i = 1; i <= 3; i++) {
            console.log("Notícia " + i + " carregada com sucesso.");
        }

        // 2. Uso do WHILE: Verificação de segurança
        console.log("--- Iniciando Laço WHILE ---");
        let contador = 1;
        while (contador <= 2) {
            alert("Verificação de segurança " + contador + " em curso...");
            console.log("Check de segurança: " + contador);
            contador++;
        }
        
        // Mantendo a lógica de condicional do seu exemplo original
        let idade = 20;
        if (idade >= 18) {
            console.log("Status Final: Acesso Permitido");
        } 
    </script>
</body>
</html>