Olá a todos,
Finalizei o primeiro desafio do modulo Interagindo com HTML.
- Altere o conteúdo da tag h1 com document.querySelector e atribua o seguinte texto: Hora do Desafio.
let titulo = document.querySelector('h1');
titulo.innerHTML = 'Hora do desafio';
- Crie uma função que exiba no console a mensagem O botão foi clicado sempre que o botão Console for pressionado.
index.html:
<button onclick="mensagemNoConsole()" class="button">Console</button>
app.js:
function mensagemNoConsole() {
console.log ('O Botão foi clicado')
}
- Crie uma função que exiba um alerta com a mensagem: Eu amo JS, sempre que o botão Alerta for pressionado.
index.html:
<button onclick="alertaEuAmoJs()" class="button">Alert</button>
app.js
function alertaEuAmoJs() {
console.log ('Eu Amo JS')
}
- Crie uma 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ê.
index.html
<button onclick="cidadeDoBrasil()" class="button">Prompt</button>
app.js
function cidadeDoBrasil() {
let nomeDaCidade = prompt('Digite uma cidade do Brasil')
alert(`Estive em ${nomeDaCidade} e lembrei de você`)
}
- Ao clicar no botão soma, peça 2 números inteiros e exiba o resultado da soma em um alerta.
index.html
<button onclick="resultadoDaSoma()" class="button">Soma</button>
app.js
function resultadoDaSoma() {
let numero1 = parseInt (prompt('Digite um número inteiro'))
let numero2 = parseInt (prompt('Digite outro numero inteiro'))
let resultado = numero1 + numero2;
alert(`O resultado da soma é ${resultado}!`)
}
Gostaria de um feedback de quem tem mais experiência se meus códigos estão corretos.