Bom fiz o desafio de uma forma diferente, utilizei o html do outro desafio, para criar as funções deste desafio! Achei que ficou melhor desta maneira.
Aqui alterei os botões.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>Document</title>
</head>
<body>
<header>
<h1></h1>
</header>
<main class="container">
<button onclick="exibirConsole()" class="button">Console</button>
<button onclick="nomeConsole()" class="button">Nome</button>
<button onclick="mostrarDobro()" class="button">Dobro</button>
<button onclick="mostrarMedia()" class="button">Media</button>
<button onclick="chamaNumeroMaior()" class="button">Numero Maior</button>
<button onclick="chamacalcAoQuadrado()" class="button">Ao quadrado</button>
</main>
<script src="app.js"></script>
</body>
</html>
Aqui está o codigo js:
//Criar uma função que exibe "Olá, mundo!" no console.
function exibirConsole(){
console.log('Olá Mundo!');
}
//Criar uma função que recebe um nome como parâmetro e exibe "Olá, [nome]!" no console.
function nomeConsole() {
let nome = prompt('Insira seu nome');
console.log(`Olá, ${nome}!`);
}
//Criar uma função que recebe um número como parâmetro e retorna o dobro desse número.
function numeroEmDobro(num){
return num * 2;
}
//Essa função recebe um numero e mostra um alerta com ele dobrado.
function mostrarDobro(){
let inserirNumero = prompt('Escreva um numero para dobrar:');
let numDobro = numeroEmDobro(inserirNumero);
alert(`O numero em dobro -> ${numDobro}`)
}
//Criar uma função que recebe três números como parâmetros e retorna a média deles.
function calcularMedia(n1, n2, n3){
return resultado = (parseFloat(n1) + parseFloat(n2) + parseFloat(n3)) / 3;
}
function mostrarMedia(){
let n1 = prompt('Insira 1º numero:');
let n2 = prompt('Insira 2º numeros');
let n3 = prompt('Insira 3º numero:');
let result = calcularMedia(n1,n2,n3);
alert(`O valor da media dos numeros informados -> ${result}`);
}
//Criar uma função que recebe dois números como parâmetros e retorna o maior deles.
function NumeroMaior(n1, n2){
return n1 > n2 ? n1:n2;
}
function chamaNumeroMaior(){
let num1 = parseFloat(prompt(' Insira o 1º numero:'));
let num2 = parseFloat(prompt(' Insira o 2º numero:'));
let result = NumeroMaior(num1, num2);
alert(`O Maior numero entre ${num1} e ${num2} é: -> ${result}`);
}
//Criar uma função que recebe um número como parâmetro e retorna o resultado da multiplicação desse número por ele mesmo
function calcAoQuadrado(num){
return num * num;
}
function chamacalcAoQuadrado() {
let num = parseFloat(prompt('Insira um numero para multiplicar por ele mesmo:'));
result = calcAoQuadrado(num);
alert(`Multiplicando ${num} por ${num} resulta em: -> ${result}`);
}
Tive que usar o parseFloat para que a função reconhecesse que está recebendo um número e não um texto, caso contrário, estaria concatenando
