Dúvida no Ex. 3 da Aula 1 - Selecionando e manipulando elementos | jQuery: Manipulação dinâmica de conteúdo

por Ricardo Moraes Valladares

| 343.1k xp | 41 posts

04/11/2015

<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 Instrutor/Desenvolvedor Web Sênior/Autor

05/11/2015

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

30/04/2016

.

por Adriano Campeão

| 439.4k xp | 3 posts

30/04/2016

.