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

Dúvida no Ex. 3 da Aula 1 - Selecionando e manipulando elementos

Referente ao curso jQuery: Manipulação dinâmica de conteúdo , no capítulo Selecionando e manipulando elementos e atividade Calculando o total

por Ricardo Moraes Valladares
| 429.2k xp | 41 posts

Aparentemente fiz tudo certo mas nao atualiza o total de preços.

´´´

Carrinho entrega em Sao Paulo

Nome Quantidade Valor Total Tablet miPad 18 1 499.99 499.99 Telefone miPhone 18 2 199.99 399.98 Sapato 1 99.99 99.99 Monitor Sam 21 1 299.00 299.00 Teclado com fio preto 1 100.00 100.00 Mouse wireless 1 199.00 199.00 Camiseta G 1 25.00 25.00 Valor total: R$0

´´´
4 respostas
por Ricardo Moraes Valladares
| 429.2k xp | 41 posts
<html>
<head>
    <link rel="stylesheet" type="text/css" href="carrinho.css">
</head>
<body>
    <div class="carrinho">
        <h2>Carrinho entrega em Sao Paulo</h2>
        <table>
            <thead>
                <tr>
                    <td></td>
                    <td>Nome</td>
                    <td>Quantidade</td>
                    <td>Valor</td>
                    <td>Total</td>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td><img src="imagens/tablet.jpg"></td>
                    <td>Tablet miPad 18</td>
                    <td>1</td>
                    <td>499.99</td>
                    <td class="item-total">499.99</td>
                </tr>
                <tr>
                    <td><img src="imagens/telefone.png"></td>
                    <td>Telefone miPhone 18</td>
                    <td>2</td>
                    <td>199.99</td>
                    <td class="item-total">399.98</td>
                </tr>
                <tr>
                    <td><img src="imagens/sapato.jpg"></td>
                    <td>Sapato</td>
                    <td>1</td>
                    <td>99.99</td>
                    <td class="item-total">99.99</td>
                </tr>
                <tr>
                    <td><img src="imagens/monitor.jpg"></td>
                    <td>Monitor Sam 21</td>
                    <td>1</td>
                    <td>299.00</td>
                    <td class="item-total">299.00</td>
                </tr>
                <tr>
                    <td><img src="imagens/teclado.jpg"></td>
                    <td>Teclado com fio preto </td>
                    <td>1</td>
                    <td>100.00</td>
                    <td class="item-total">100.00</td>
                </tr>
                <tr>
                    <td><img src="imagens/mouse.jpg"></td>
                    <td>Mouse wireless</td>
                    <td>1</td>
                    <td>199.00</td>
                    <td class="item-total">199.00</td>
                </tr>
                <tr>
                    <td><img src="imagens/camiseta.jpg"></td>
                    <td>Camiseta G</td>
                    <td>1</td>
                    <td>25.00</td>
                    <td class="item-total">25.00</td>
                </tr>
            </tbody>
        </table>
    </div>
    <div>
        Valor total: R$<span id="valor-total">0</span>
    </div>

    <script type="text/javascript" src="jquery.min.js"></script>
    <script>
        var items = $(".item-total");
        var total = 0;
        for (var i = 0; i < items.lenght; i++) {
            var item = $(items[i]).text();
            var preco = parseFloat(item);
            total = total + preco;
        };
        $("#valor-total").text(total);
    </script>
</body>
</html>
solução!
por Flavio Henrique de Souza Almeida
| 3119.3k xp | 6969 posts
Instrutor

Opa! Tem um erro de sintaxe silencioso no seu codigo:

items.lenght

O certo é items.length

por Adriano Campeão
| 439.4k xp | 3 posts

.

por Adriano Campeão
| 439.4k xp | 3 posts

.