Resolução

// Ex. 1: 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.
document.getElementById('adicionarCarrinhoBtn').addEventListener('click', () => {
    const produtoSelecionado = document.getElementById('produtoSelect').value;
    const quantidadeDigitada = parseInt(document.getElementById('quantidadeInput').value, 10);
    const mensagemElemento = document.getElementById('carrinhoMensagem');
    if (!produtoSelecionado) {
        mensagemElemento.textContent = "Erro: Por favor, selecione um produto válido.";
        mensagemElemento.style.color = 'red';
        return;
    }
    if (isNaN(quantidadeDigitada) || quantidadeDigitada <= 0) {
        mensagemElemento.textContent = "Erro: Por favor, insira uma quantidade válida (maior que zero).";
        mensagemElemento.style.color = 'red';
        return;
    }
    mensagemElemento.textContent = `Produto ${produtoSelecionado} adicionado com sucesso! Quantidade: ${quantidadeDigitada}`;
    mensagemElemento.style.color = 'green';
});
// Ex. 2: 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.
document.getElementById('enviarFormBtn').addEventListener('click', () => {
    const nome = document.getElementById('nomeInput').value;
    const email = document.getElementById('emailInput').value;
    const resultadoElemento = document.getElementById('formularioResultado');
    console.log('--- Valores do Formulário ---');
    console.log(`Nome: ${nome}`);
    console.log(`Email: ${email}`);
    console.log('-----------------------------');
    resultadoElemento.innerHTML = `
        <p>Dados Recebidos:</p>
        <ul>
            <li><strong>Nome:</strong> ${nome}</li>
            <li><strong>Email:</strong> ${email}</li>
        </ul>
    `;
});
// Ex. 3: Tenha um elemento HTML na página (por exemplo, um parágrafo) e utilize
// JavaScript para modificar seu conteúdo usando a propriedade textContent.
document.getElementById('modificarParagrafoBtn').addEventListener('click', () => {
    const paragrafo = document.getElementById('paragrafoAlvo');
    paragrafo.textContent = "O conteúdo deste parágrafo foi modificado usando a propriedade textContent do JavaScript.";
});
// Ex. 4: Faça a soma de duas variáveis numéricas e apresente no console com uma
// mensagem amigável em Template String.
const num1 = 45;
const num2 = 12.5;
const soma = num1 + num2;
console.log(`A soma dos números ${num1} e ${num2} é igual a ${soma}.`);
// Ex. 5: 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.
const sentencas = "Este é o primeiro segmento; Aqui está a segunda frase; E esta é a terceira e última parte.";
const frasesSeparadas = sentencas.split(';');
console.log(frasesSeparadas);
// Ex. 6: Receba uma string contendo números separados por vírgulas. Utilize split()
// para separar os números e exibi-los no console
const stringNumeros = "10,25,37,42,55,60";
const arrayNumeros = stringNumeros.split(',');
console.log(arrayNumeros);