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
- Alteração do título
<h1>
Seleciona o elemento <h1>
e altera seu conteúdo para "Hora do Desafio".
- exibirMensagem
Exibe no console a mensagem: "O botão foi clicado".
- exibirAlerta
Mostra um alerta com a mensagem "Eu amo JS".
- cidadePrompt
Solicita o nome de uma cidade e exibe um alerta personalizado: "Estive em {cidade} e lembrei de você."
- 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.