Entrar Ainda não tem acesso?
2
respostas

[Projeto] HORA DA PRÁTICA (01. Interagindo com HTML)

Referente ao curso Lógica de programação: explore funções e listas, no capítulo Interagindo com HTML e atividade Desafio: hora da prática

por Thales Samuel de Oliveira e Sousa
| 2.3k xp | 5 posts
//DESAFIO 1
let titulo = document.querySelector(h1);
titulo.innerHTML = 'Hora do desafio';

//DESAFIO 2
function verificarConsole() {
    console.log('o botão foi apertado');
}

//DESAFIO 3
function mensagemAlerta() {
    alert('Eu amo JS');
}

//DESAFIO 4
function cliquePrompt() {
    let cidade = prompt('Qual é a sua cidade?');
    alert(`Estive em ${cidade} e lembrei de você!`);
}

//DESAFIO 5
function cliqueSoma() {
    let numero1 = parseInt(prompt('digite o primeiro número:'));
    let numero2 = parseInt(prompt('digite o segundo número:'));
    let resultado = numero1 + numero2;
    alert(`A soma de ${numero1} + ${numero2} é igua a ${resultado}`);
}
2 respostas
por Armano Barros Alves Junior
| 4071.7k xp | 8632 posts
Alura Scuba Team

Oi, Thales! Como vai?

Gostei bastante da organização das funções e da clareza nas mensagens exibidas. Seu código mostra que você está praticando bem a interação entre HTML e JavaScript, especialmente com o uso de prompt, alert e console.log.

Uma dica interessante para o futuro é usar a função toUpperCase() para padronizar entradas de texto.
Veja este exemplo:


let nome = prompt('Digite seu nome:');
alert('Olá, ' + nome.toUpperCase() + '!');

Esse código transforma qualquer nome digitado em letras maiúsculas antes de exibir o alerta.

Alura Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!
por Deane Saraiva De Carvalho
| 5k xp | 1 posts

Galera, estou salvando todos os exercicios e desafios com comentários no código, pois assim posso relembrar sempre que for preciso. Fica a dica!

let titulo = document.querySelector('h1');
titulo.innerHTML = 'Hora do desafio, Deane';

/* função que exiba no console a mensagem O botão foi clicado sempre que o
botão Console for pressionado*/

function botaoConsole(){
console.log ('o botão foi clicado por mim');
};

/função que exiba um alerta com a mensagem: Eu amo Js, sempre que o
botão Alerta for pressionado/

function botaoAlerta(){
alert('Eu amo JS');
};

/função que é executada quando o botão prompt é clicado, perguntando o
nome de uma cidade do Brasil. Em seguida, exiba um alerta com a mensagem
concatenando a resposta com o texto: Estive em {cidade} e lembrei de você:/

function botaoPrompt() {
let nomeCidade = prompt('Diga o nome de uma cidade do Brasil:');
alert(Estive em ${nomeCidade} e lembrei de você);
};

/Ao clicar no botão soma, peça 2 números e exiba o resultado da soma em um alerta/

function botaoSoma() {
let primeiroNumero = parseInt(prompt('Digite um numero:'));
let segundoNumero = parseInt(prompt('Digite outro numero:'));
let resultado = primeiroNumero + segundoNumero;
alert(${primeiroNumero} + ${segundoNumero} = ${resultado})
}