1
resposta

Muito bom

Olá, pessoal!

Estou trabalhando em um projeto básico de JavaScript para praticar a manipulação do DOM e a interação com o usuário. Aqui está o código que desenvolvi até agora, com várias funções que realizam diferentes tarefas:


Código JavaScript

// Seleciona a tag <h1> e altera o conteúdo
let titulo = document.querySelector('h1');
titulo.innerHTML = 'Hora do Desafio';

// Função que exibe uma mensagem no console quando o botão é clicado
function exibirMensagem() {
    console.log('O botão foi clicado');
}

// Função que exibe um alerta com a mensagem "Eu amo JS"
function exibirAlerta() {
    alert('Eu amo JS');
}

// Função que solicita o nome de uma cidade e exibe uma mensagem personalizada
function cidadePrompt() {
    const cidade = prompt('Digite o nome de uma cidade do Brasil:');
    if (cidade) { // Verifica se o usuário digitou algo
        alert(`Estive em ${cidade} e lembrei de você.`);
    } else {
        alert('Você não digitou o nome de nenhuma cidade.');
    }
}

// Função que solicita dois números inteiros e exibe a soma
function calcularSoma() {
    const numero1 = parseInt(prompt('Digite o primeiro número inteiro:'));
    const numero2 = parseInt(prompt('Digite o segundo número inteiro:'));

    // Verifica se os valores inseridos são números
    if (!isNaN(numero1) && !isNaN(numero2)) {
        const soma = numero1 + numero2;
        alert(`A soma dos números é: ${soma}`);
    } else {
        alert('Por favor, insira apenas números inteiros válidos.');
    }
}

Descrição das Funções

  1. Alteração do título <h1>

Seleciona o elemento <h1> e altera seu conteúdo para "Hora do Desafio".

  1. exibirMensagem

Exibe no console a mensagem: "O botão foi clicado".

  1. exibirAlerta

Mostra um alerta com a mensagem "Eu amo JS".

  1. cidadePrompt

Solicita o nome de uma cidade e exibe um alerta personalizado: "Estive em {cidade} e lembrei de você."

  1. calcularSoma

Pede dois números inteiros, calcula e exibe a soma. Se o usuário não inserir números válidos, exibe uma mensagem de erro.

1 resposta

Oi, Eduardo! Tudo bem?

Excelente código, parabéns! Espero que esteja gostando do curso! Colocar em execução as atividades propostas pelo professor em aula é uma prática muito importante para internalizarmos o conteúdo. Caso tenha ficado alguma dúvida em relação ao curso ou atividade, sinta-se à vontade em comunicar, estou à disposição e ficarei super feliz em poder ajudar!

Um forte abraço e bons estudos!