Escalar código em Javascript

Terminei o curso recentemente - Javascript : Programando na linguagem da WEB - e tentei reproduzir o que aprendi em um projeto pessoal, estava indo na parte HTML, CSS e Javascript, mas quando tive que escalar o código javascript, estanquei.

O que quero fazer basicamente é quando eu adicionar outros produtos ( Comanda digital ) que a soma e quantidade interajam e me deem o valor total da compra. Eu já alterei o código várias vezes, usei querySelectorAll, em alguns momentos até cheguei perto, mas sem sucesso. Poderiam me dar uma luz?

Abaixo o código javascript:

var subtracao = document.querySelector(".subtracaoQtd");
console.log(subtracao.innerHTML);

var qtd = document.querySelector(".qtd");
console.log(qtd.innerHTML);

var adicao = document.querySelector(".adicaoQtd");
console.log(adicao.innerHTML);

var num = 0;

adicao.addEventListener("click", ()=>{
    num++;
    num = (num<10) ? "0"+num:num;
    qtd.innerText = num;
});

subtracao.addEventListener("click", ()=>{
    if(num>=1){
        num--;
        num = (num<10) ? "0"+num:num;
        qtd.innerText = num;
    }
    else{
        num=0;
    }
});

adicao.addEventListener("click", ()=>{
    let somaTotal = document.querySelector(".somaTotal");
    let precoProduto = document.querySelector(".cardapio__menu--preco")
    precoProduto = precoProduto.innerHTML;
    console.log(precoProduto);
    console.log(qtd);
    somaTotal.innerHTML = parseInt(qtd.innerHTML*precoProduto);
    console.log(somaTotal);
});

subtracao.addEventListener("click", ()=>{
        let somaTotal = document.querySelector(".somaTotal");
        let precoProduto = document.querySelector(".cardapio__menu--preco")
        precoProduto = precoProduto.innerHTML;
        console.log(precoProduto);
        console.log(qtd);
        somaTotal.innerHTML = parseFloat(+somaTotal.innerHTML-precoProduto);
        console.log(somaTotal);

        if(somaTotal.innerHTML<=0){
            somaTotal.innerHTML=0.00;
        }
});