Está correto? | Lógica de programação: praticando com desafios

Desafio 1

let totalGeral
limpar();

function adicionar() {
    let produto = document.getElementById('produto').value;
    let nomeProduto = produto.split('-')[0];
    let valorUnitario = produto.split('R$')[1];
    let quantidade = document.getElementById('quantidade').value;
    let preco = quantidade * valorUnitario;
    let carrinho = document.getElementById('lista-produtos');

    carrinho.innerHTML = carrinho.innerHTML + `<section class="carrinho__produtos" id="lista-produtos"><section class="carrinho__produtos__produto">
    <span class="texto-azul">${quantidade}x</span> ${nomeProduto}<span class="texto-azul">R$${preco}</span></section></section>`;
    
    totalGeral = totalGeral + preco;
    let campoTotal = document.getElementById('valor-total');
    campoTotal.textContent = `R$ ${totalGeral}`;
    document.getElementById('quantidade').value = '';

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

    if (quantidade >=1) {
        console.log('Compra liberada!');
    } else {
        alert('Erro! Quantidade mínima (1)');
    };
};

function limpar() {
    totalGeral = 0;
    document.getElementById('lista-produtos').innerHTML = '';
    document.getElementById('valor-total').textContent = 'R$ 0';
};

Desafio 2

HTML

<!DOCTYPE html>
<html lang="pt">
<head>
    <title>Emma</title>
    <h1>Teste de server Joserver</h1>
    <link rel="stylesheet" href="main.css">
</head>
<body>
    <header>
            <h2>Formulário</h1>
    </header>>
    </main>
            <script src="app.js" defer></script>
</body>
  <form id="form">
    <label for="campoNome">Nome:</label>
    <input type="text" id="campoNome" name="nome">

    <label for="campoIdade">Idade:</label>
    <input type="number" id="campoIdade" name="idade">

    <label for="campoEmail">Email:</label>
    <input type="email" id="campoEmail" name="email">
    
    <button type="button" onclick="receberDados()">Receber Dados</button>
  </form>
</html>

function receberDados() {
    const nome = document.getElementById('campoNome').value;
    const idade = document.getElementById('campoIdade').value;
    const email = document.getElementById('campoEmail').value;

    console.log(`Nome: ${nome} 
    Idade: ${idade}
    Email: ${email}`);
};

Desafio 3 HTML

<h3>Olá mundo!</h3>

document.querySelector('h3').textContent = 'Oi';

Desafio 4

function soma(numero1, numero2) {
    var resultado
    resultado = numero1 + numero2;
    return resultado;
};

console.log(`A soma do resultado é: ${soma(8, 6)}`);

Desafio 5

var palavra1 = 'Noite e Dia; Dia e Noite';
var palavra2 = 'Morte e Vida; Vida e Morte';

var quebraP1 = palavra1.split(';');
var quebraP2 = palavra2.split(';');

console.log(quebraP1, quebraP2);

Desafio 6

var numerosSeparados = '1,2,3,4,5';
var quebraNumeros = numerosSeparados.split(',');
console.log(quebraNumeros);

Mergulhe em programação