Olá pessoal! Espero que estejam bem. Vamos de mais um curso de lógica de programação? Aqui deixo meus resultados do primeiro compilado de desafios desse curso. Se eu errei alguma coisa, por favor deixem nas respostas, mas aparentemente está tudo certo e funcionando.
HTML:
<body>
<div class="container">
<div class="container__conteudo">
<div class="container__informacoes">
<div class="container__texto">
<h1>Adivinhe o <span class="container__texto-azul">numero secreto</span></h1>
<p class="texto__paragrafo">Escolha um número entre 1 a 10</p>
</div>
<input type="number" min="1" max="10" class="container__input">
<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="verifyClick()" class="container__botao">Console</button>
<button onclick="alertJS()" class="container__botao">Alerta</button>
<button onclick="promptJS()" class="container__botao">Prompt</button>
<button onclick="sumNumbers()" class="container__botao">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>
JavaScript:
let title = document.querySelector('h1');
title.innerHTML = 'Hora do Desafio';
function verifyClick(){
console.log('O botão foi clicado');
}
function alertJS(){
alert(`Eu amo JS`);
}
let cityName;
function promptJS(){
cityName = prompt('Fale o nome de uma cidade do Brasil');
alert(`Estive em ${cityName} e lembrei de você`);
}
function sumNumbers(){
let num1 = parseInt(prompt('Digite o primeiro número'));
let num2 = parseInt(prompt('Digite o segundo número'));
let result = num1 + num2;
alert(`O resultado da soma entre estes dois números é: ${result}`);
}
Obrigado!