07 DESAFIO

<div class="chute container__botoes">
                    <button onclick="verificarChute()" class="container__botao">Chutar</button>
                    <button onclick="" id="reiniciar" class="container__botao" disabled>Novo jogo</button>
                    <button onclick="exibirAlerta()" class="alert_button">Alerta</button>
                </div>
                <div class="prompt_cidade">                    
                    <button onclick="perguntarCidade()" class="botao_prompt">Prompt</button>
                    <button onclick="somar()" class="botao_prompt botao_prompt2">soma</button>
                </div>
            </div>
            <img src="./img/ia.png" alt="Uma pessoa olhando para a esquerda" class="container__imagem-pessoa" />
        </div>
    </div>
    <script src="app.js" defer></script>
</body>

</html>

..................................................................................

document.querySelector('h1').innerHTML='Hora do Desafio';

function verificarChute(){
    console.log('Botão foi clicado');
}

function exibirAlerta() {
    alert("Eu amo JS");
}

function perguntarCidade() {
    // Pergunta o nome da cidade usando o prompt
    let cidade = prompt("Qual cidade do Brasil você conhece?");
    
    // Verifica se o usuário digitou algo e exibe o alerta com a mensagem
    if (cidade) {
        alert("Estive em " + cidade + " e lembrei de você.");
    } else {
        alert("Você não digitou nenhuma cidade.");
    }
}

function somar() {
    let numero1, numero2;

    // Enquanto o primeiro número não for válido, pede novamente
    while (true) {
        numero1 = prompt("Digite o primeiro número inteiro:");

        // Se o usuário clicar em "Cancelar", interrompe a função
        if (numero1 === null) {
            alert("Cancelado!.");
            return; // Interrompe a execução da função
        }

        // Verifica se é um número válido
        if (!isNaN(numero1) && Number.isInteger(parseFloat(numero1))) {
            numero1 = parseInt(numero1); // Converte para inteiro
            break; // Sai do loop quando o número for válido
        } else {
            alert("Por favor, digite um número inteiro válido.");
        }
    }

    // Enquanto o segundo número não for válido, pede novamente
    while (true) {
        numero2 = prompt("Digite o segundo número inteiro:");

        // Se o usuário clicar em "Cancelar", interrompe a função
        if (numero2 === null) {
            alert("Cancelado!.");
            return; // Interrompe a execução da função
        }

        // Verifica se é um número válido
        if (!isNaN(numero2) && Number.isInteger(parseFloat(numero2))) {
            numero2 = parseInt(numero2); // Converte para inteiro
            break; // Sai do loop quando o número for válido
        } else {
            alert("Por favor, digite um número inteiro válido.");
        }
    }

    // Calcular a soma
    let soma = numero1 + numero2;

    // Exibir o resultado da soma
    alert("O resultado da soma é: " + soma);
}

...................................................................

.prompt_cidade{
    display:flex;
    justify-content: center;
    margin-top:20px;    
}

.botao_prompt{
    border-radius: 16px;
    background: #e9ff87;
    padding: 16px 24px;
    max-width: 100%;
    font-size: 24px;
    font-weight: 700;
    border: none;
    margin: 1rem;
    color:#01080E;
}

.botao_prompt2{
    color:#f3ffbd;
    background-color: rgb(0, 81, 255);
}