[Projeto] Desafios Concluidos | Lógica de programação: praticando com desafios

Olá, consegui concluir os desafios! Bem, implementei varias coisas além do que foi pedido nos desafios, só para brincar mesmo hahaha.

Desafio1

 if (!produto || produto.trim() === "") {
        alert("Selecione um produto válido.");
        return;
    }

    if(quantidade <= 0 || isNaN(quantidade)){
        alert("Não foi definido a quantidade do produto a ser comprado.");
        document.getElementById("quantidade").value = ""; 
    } else{
        var novoItem = document.createElement("section");
        novoItem.innerHTML = `<section class="carrinho__produtos__produto"><span class="texto-azul">${quantidade}x</span> ${nomeProduto} <span class="texto-azul">R$${preco}</span></section>`;
        listaProdutos.appendChild(novoItem);

        calculoTotal(preco);
        document.getElementById("quantidade").value = "";    
    }

Desafios 2 e 3 Juntei os dois no mesmo projeto.

Código HTML

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>Nome e Idade</title>
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <h2>Tarefa 2 e 3 Alura: Nome e idade</h2>
    <form id="formulario">
      <input class="nome" placeholder="Digite seu nome" type="text">
      <input class="idade" placeholder="Digite sua idade" type="number">
    </form>
    <h3 id="infos-digitados"></h3>
    <div>
      <button onclick="confirmarNumeros()">Confirm</button>
      <button onclick="resetarTudo()">Reset</button>
      <button onclick="mudarTexto()">Change Text</button>
    </div>  
  </body>
  <script src="app.js"></script>
</html>

Codigo JS

var cont = 1;

function confirmarNumeros(){
  var formulario = document.getElementById("formulario");
  var inputNome = formulario.querySelector(".nome").value;
  var inputIdade = formulario.querySelector(".idade").value;
  
  if(inputNome == "" || inputIdade == ""){
    alert("Preencha os dados corretamente");
  } else{
    verificaIdade(inputNome, inputIdade);
  }
}

function verificaIdade(inputNome, inputIdade){
  var digitados = document.getElementById("infos-digitados");
  
  if(cont == 1){
    if(inputIdade < 18 && inputIdade >= 0){
      digitados.textContent = `Olá, ${inputNome}. Você tem ${inputIdade} anos. É menor de idade.`;
    } else if(inputIdade >= 18 && inputIdade < 65){
      digitados.textContent = `Olá, ${inputNome}. Você tem ${inputIdade} anos. É maior de idade.`;
    } else if (inputIdade >= 65 && inputIdade <= 120){
      digitados.textContent = `Olá, ${inputNome}. Você tem ${inputIdade} anos. É da terceira idade.`;
    } else {
      digitados.textContent = `${inputNome}, impossivel alguém ter mais de 120 anos ou menos que 0.`
    }
  } else if(cont == 2){
    if(inputIdade < 18 && inputIdade >= 0){
      digitados.textContent = `Olá, ${inputNome}. Parece que você tem ${inputIdade} anos. Então você é criança kkkkkkkkkk.`;
    } else if(inputIdade >= 18 && inputIdade < 65){
      digitados.textContent = `Olá, ${inputNome}. Parece que você tem ${inputIdade} anos. Então você é adulto. Vai trabalhar kkkkkkkkkk.`;
    } else if (inputIdade >= 65 && inputIdade <= 120){
      digitados.textContent = `Salve, ${inputNome}. Parece que você tem ${inputIdade} anos. Então você é velho(a) kkkkk.`;
    } else {
      digitados.textContent = `${inputNome}, você não existe cara.`
    }
  }
}

function resetarTudo(){
  document.getElementById("formulario").querySelector(".nome").value = "";             
  document.getElementById("formulario").querySelector(".idade").value = "";
  document.getElementById("infos-digitados").textContent = "";
}

function mudarTexto(){
  if(cont == 1){
    cont += 1;
  } else if(cont == 2){
     cont -= 1;
  } else {
    cont = 1;
  }
  confirmarNumeros();
}

Desafios 4, 5 e 6

//Exercicio 4 da alura
function verificaNumero(numero, texto){
    while(isNaN(numero)){
        alert("Por favor, apenas números.")
        numero = parseFloat(prompt(texto));
    }
    return numero;
}

var numero1 = parseFloat(prompt("Digite um número: "));
numero1 = verificaNumero(numero1, "Digite um número: ");
var numero2 = parseFloat(prompt("Digite outro número: "));
numero2 =verificaNumero(numero2, "Digite outro número: ");

var soma = numero1 + numero2;
console.log(`A soma de ${numero1} + ${numero2} é ${soma}.`);



//Exercicio 5 da alura
var texto1 = prompt("Digite um texto: ") + ";";
var texto2 = prompt("Digite outro texto: ");
var textos = texto1 + texto2;

console.log(textos);

console.log(textos.split(";"));



//Exercicio 6 da alura
var numeros = prompt("Digite um numero: ") + "," + prompt("Digite um numero: ") + "," + prompt("Digite um numero: ") + "," + prompt("Digite um numero: ") + "," + prompt("Digite um numero: ");

console.log(numeros);
console.log(numeros.split(","));

Mergulhe em programação