Desafio 01 e 02: Hora da prática. | Lógica de programação: praticando com desafios

Adicione validações no código para garantir que o usuário só consiga adicionar produtos ao carrinho se tiver selecionado um produto válido e inserido uma quantidade válida. Se a entrada não for válida, exiba uma mensagem de erro apropriada.

  //Verificando produto;
    if(!produto || produto.trim() === "") {
        alert('Por favor, insira um produto válido!');
        return;
    }
    //Verificando quantidade;
    if (quantidade <= 0 || !Number.isInteger(Number(quantidade))) {
        alert(`Por favor, digite uma quantidade válida!`)
        document.getElementById('quantidade').value = '';
        return;
    }

Crie um formulário simples com campos de entrada e utilize JavaScript para recuperar os valores digitados nos campos usando a propriedade value. Exiba os valores no console e na tela.

<!DOCTYPE html>

<html>
<body>
<form id="meuForm">
    <label for="campoNome">Nome:</label>
    <input type="text" id="campoNome" name="nome">
    
    <label for="campoIdade">Idade:</label>
    <input type="text" id="campoIdade" name="idade">

    <button type="button" onclick="capturarValores()">Capturar Valores</button>
  
  <div id='mostraNome'><span>Seu nome e idade irão aparecer aqui.</span></div>
</form>

<script src="script.js"></script>
</body>
</html>

function capturarValores() {
    //recuperar valor do nome
    let nome = document.getElementById('campoNome').value;
    if(typeof nome !== "string" || nome.trim() === "" || !/^[a-zA-ZÀ-ÿ\s]+$/.test(nome)) {
        alert('Por favor, digite o seu nome');
        document.getElementById('campoNome').value = '';
        return;
    }

    //recuperar valor da idade
    let idade = document.getElementById('campoIdade').value;
    if(isNaN(idade)) {
        alert('Por favor, digite a sua idade')
        document.getElementById('campoIdade').value = '';
        return;
    }

    //exibir nome e idade
    let mostrarValores = document.getElementById('mostraNome').textContent = `Nome: ${nome}, Idade: ${idade} anos`;
    console.log(mostrarValores);
    
}

Tenha um elemento HTML na página (por exemplo, um parágrafo) e utilize JavaScript para modificar seu conteúdo usando a propriedade textContent.

<!DOCTYPE html>

<html>
    <body>
<p id="meuParagrafo">Texto original</p>
<button onclick="modificarConteudo()">Modificar Conteúdo</button>

<script src="script.js"></script>
  </body>
</html>

function modificarConteudo() {
    let exibirTextoNaTela = document.getElementById('meuParagrafo');
    exibirTextoNaTela.textContent = prompt('Digite a mensagem que deseja exibir na tela');
}

Faça a soma de duas variáveis numéricas e apresente no console com uma mensagem amigável em Template String.

let numero1 = 10;
let numero2 = 5;

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

Receba, no mínimo, duas sentenças como uma string e utilize split() para quebrá-la em frases menores com base em um ponto e vírgula como delimitador.

let duasSentenças = 'Saber onde quer chegar, é o primeiro passo para começar; Com dedicação e esforço, podemos alcançar nossos objetivos; A repetição é a mãe da boa execução';

let frasesSeparadas = duasSentenças.split(';');
console.log(frasesSeparadas);

Olá João!

Parece que você está no caminho certo com as validações para garantir que o usuário só consiga adicionar produtos ao carrinho se tiver selecionado um produto e uma quantidade válidos. Vamos dar uma olhada no que você já fez e ver como podemos melhorar ou ajustar.

Validação do Produto: Você já está verificando se o produto é uma string vazia ou nula. Isso é ótimo! Apenas certifique-se de que o campo de entrada de produto está sendo corretamente referenciado no seu código.
Validação da Quantidade: Você está verificando se a quantidade é maior que zero e se é um número inteiro. Isso cobre a maioria dos casos, mas pode ser interessante também verificar se a quantidade é um número válido (não NaN). Seu código já faz isso, então está no caminho certo!

Aqui está um exemplo de como você pode estruturar o código para adicionar produtos ao carrinho com essas validações:

function adicionarAoCarrinho(produto, quantidade) {
    // Verificando produto
    if (!produto || produto.trim() === "") {
        alert('Por favor, insira um produto válido!');
        return;
    }

    // Verificando quantidade
    if (quantidade <= 0 || !Number.isInteger(Number(quantidade))) {
        alert('Por favor, digite uma quantidade válida!');
        return;
    }

    // Se tudo estiver correto, adicionar ao carrinho
    console.log(`Produto: ${produto}, Quantidade: ${quantidade}`);
    // Aqui você pode adicionar a lógica para realmente adicionar o produto ao carrinho
}

Certifique-se de que os valores de produto e quantidade estão sendo capturados corretamente do seu formulário ou interface de usuário.

Espero ter ajudado e bons estudos!