Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

[Bug] Bug

Ao realizar o innerHTML dá um erro no console, e não adiciona nada no carrinho, gostaria de saber o que houve.

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 carrinho = document.getElementById('lista-produto');
    let preco = quantidade * valorUnitario;

    carrinho.innerHTML = carrinho.innerHTML + `<section class="carrinho__produtos__produto">
    <span class="texto-azul">${quantidade}x</span> ${nomeProduto} <span class="texto-azul">R${preco}</span>
    </section>`;
};

![](Insira aqui a descrição dessa imagem para ajudar na acessibilidade )

2 respostas
solução!

Oi!

Nessa sua linha:

let carrinho = document.getElementById('lista-produto');

O id está incorreto. Está lista-produto, mas o correto é: lista-produtos (produtos no plural)

Por incrível que pareça, levei um bom tempo pra notar este erro trivial, haha. Consegui solucionar, ai voltei para este post para dizer que descobri o que era, e me deparei com a sua respota, Rodrigo! Haha, me desculpe por tomar seu tempo! E obrigado pela ajuda! Abraços.