[Projeto] Projeto - Carrinho de compras | Lógica de programação: praticando com desafios

GitHub: https://github.com/Alekzinho/Projeto-Carrinho-de-Compras

Exercício 1

if (isNaN(quantidade) || quantidade <=0) {
       alert("Selecione uma quantidade válida!");
       return;
    }

Exercício 2

Código em HTML

<body>
  <header>
    <h1>Olá visitante!</h1>
    <p>Me conte mais sobre você.</p>
  </header>
  <main>
    <section>
      <h2>Digite seu nome!</h2>
      <input type="text" id="nome" placeholder="Seu nome aqui!">
    </section>
    <section>
      <h2>Digite sua idade!</h2>
      <input type="number" id="idade" placeholder="Sua idade aqui!">
    </section>
    <section>
      <h2>Qual a cidade que você mora?</h2>
      <input type="text" id="cidade" placeholder="Sua cidade aqui!">
    </section>
    <section>
      <h3>Envie suas respostas!</h3>
      <button onclick="enviar()" type="button">Enviar</button>
    </section>
  </main>
  <footer>
    <h1>Obrigado por sua atenção visitante!</h1>
    <p>Espero que você tenha se divertido.</p>
  </footer>
<script src="js/app.js"></script>  
</body>

Código em JS

function enviar() {
    let nome = document.getElementById("nome").value;
    let idade = document.getElementById("idade").value;
    let cidade = document.getElementById("cidade").value;

    console.log(nome, idade, cidade);
    alert("Olá " + nome + ", entâo você tem " + idade + " anos e mora em " + cidade + ".");
}

Exercício 3

Código em HTML

<p id="mensagem">Espero que você tenha se divertido.</p>

Código em JS

let novaMensagem = document.getElementById("mensagem");
    novaMensagem.textContent = `Espero que você tenha se divertido ${nome}, e que nesses ${idade} anos de vida você tenha realizado seus objetivos, sem dúvida seus amigos de ${cidade} sentem orgulho de você.`

Exercício 4

let numero1 = 45;
let numero2 = 55;
let resultado = numero1 + numero2;

console.log(`Você sabia que a soma de ${numero1} com ${numero2} é igual a ${resultado}?`);

Exercício 5

let duasSentenca = "Eu gosto de gato; Eu gosto de cachorro";
console.log(duasSentenca.split(";"));

Exercício 6

let numeros = "1,2,3,4,5,6,7,8,9,10";
console.log(numeros.split(","));

Oi, Alex! Como vai?

Gostei de ver como você aplicou condições para validar a quantidade e também usou manipulação de elementos do DOM para interagir com o usuário. Isso deixa o projeto mais dinâmico e próximo de um sistema real.

Uma dica interessante para o futuro é usar o método join() para transformar um array em uma string formatada. Veja este exemplo:


let lista = ["maçã", "banana", "laranja"];
console.log(lista.join(", "));

Esse código une todos os elementos do array em uma única string, separados por vírgula e espaço, o que pode ser útil para exibir listas de forma organizada.

Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!