Boa tarde! Eu testei o código do vídeo e a quantidade de itens foi 7, mas são 7 campos e 8 itens já que o campo Telefone miPhone 18 contém 2 itens adicionados ao carrinho. Eu fiz meu código usando o for duas vezes e devolveu 8 itens.
<script>
//selecionar todos os campos da class items-total;
//iniciar variavel total com 0;
//percorrer todos os campos da class items-total;
//selecionar todos os valores de todos os campos da class items-total;
//atribuir todos os valores que foram selecionados pela variavel item a variavel preco;obs: deve-se usar parseFloat, caso contrário será feita a concatenação de texto e não de números;
//incremento da variável total;onde total é 0 e preco a soma de todos os valores adicionados ao cart;
//escrever o total em uma tag html para que seja exibido ao usuário.
var aposInicializadoValor = function(){
var items= $(".item-total");
var total= 0;
for(var i =0;i<items.length;i++){
var item = $(items[i]).text();
var preco = parseFloat(item);
total = total + preco;
}
$("#valor-total").text(total);
};
$(aposInicializadoValor);
var aposInicializadoQuantidadeItens = function(){
var qItens = $(".quantidade");
var totalItens = 0;
for(var i = 0; i < qItens.length; i++){
var tItens = $(qItens[i]).text();
var itensT = parseFloat(tItens);
totalItens += itensT;
}
$("#quantidade-de-itens").text(totalItens);
};
$(aposInicializadoQuantidadeItens);
</script>