3
respuestas

Javascript Objetos

Hola buenas tardes. Me puse a hacer un código de agencia bancaria en html y javascript. La idea era exponer movimientos de cuenta corriente.

Para ello utilice aprendizaje de un curso de Java hecho en Alura hace unos meses y el curso que estoy realizando ahora. lo cierto es que no doy con la tecla, porque he puesto condicionales para los depósitos y los retiros de cuenta corriente y no me funcionan (no si es una cuestión de dicción, de lógica o de código) Envio los dos códigos (html y javascript), haber si alguien puede dilucidar que sucede que no aparecen las alertas. Muchas gracias

html:
<html lang="es">
    <head>
        <meta charset="UTF-8">
        <title>Banco del Plata</title>
        <link rel="icon" href="favicon.ico" type="image/x-icon">
        <link rel="stylesheet" type="text/css" href="css/reset.css">
        <link rel="stylesheet" type="text/css" href="css/index.css">

    </head>
    <body>

        <header>
            <div class="container">
                <h1 class="titulo">Banco del Plata S.A.</h1>
            </div>
        </header>
        <main>
            <section class="container">
                <h2>Estado de Cuenta Corriente</h2>
                <table>
                    <thead>
                        <tr>
                            <th>Nombre</th>
                            <th>DNI</th>
                            <th>Direccion</th>
                            <th>Cuenta Numero</th>
                            <th>Depositos</th>
                            <th>Extracciones</th>
                            <th>Saldo</th>
                        </tr>
                    </thead>
                    <tbody id="tabla-Clientes">
                        <tr class="cliente">
                            <td class="info-nombre">Pablo</td>
                            <td class="info-dni">14271922</td>
                            <td class="info-direccion">L.Maria Campos 152</td>
                            <td class="info-cuenta_numero">95</td>
                            <td class="info-depositos">1100</td>
                            <td class="info-extracciones">50</td>
                            <td class="info-saldo">950</td>
                        </tr>

                        <tr class="cliente">
                            <td class="info-nombre">Andrea</td>
                            <td class="info-dni">23456772</td>
                            <td class="info-direccion">Moldes 1526</td>
                            <td class="info-cuenta_numero">200</td>
                            <td class="info-depositos">2000</td>
                            <td class="info-extracciones">1000</td>
                            <td class="info-saldo">1000</td>
                        </tr>

                        <tr class="cliente">
                            <td class="info-nombre">Martin</td>
                            <td class="info-dni">17253662</td>
                            <td class="info-direccion">San Martin 1950</td>
                            <td class="info-cuenta_numero">98</td>
                            <td class="info-depositos">3000</td>
                            <td class="info-extracciones">500</td>
                            <td class="info-saldo">2500</td>
                        </tr>

                        <tr class="cliente">
                            <td class="info-nombre">Anselmo</td>
                            <td class="info-dni">25336745</td>
                            <td class="info-direccion">Orellana 2756</td>
                            <td class="info-cuenta_numero">99</td>
                            <td class="info-depositos">4500</td>
                            <td class="info-extracciones">200</td>
                            <td class="info-saldo">4300</td>
                        </tr>

                        <tr class="cliente">
                            <td class="info-nombre">Marcos</td>
                            <td class="info-dni">45762335</td>
                            <td class="info-direccion">Entre Rios 556</td>
                            <td class="info-cuenta_numero">97</td>
                            <td class="info-depositos">22500</td>
                            <td class="info-extracciones">600</td>
                            <td class="info-saldo">21900</td>
                        </tr>
                    </tbody>
                </table>
            </section>
        </main>
        <script src="js/principal.js"></script> 
    </body>
</html>
Javascript:

var clientes = document.querySelector(".cliente");

for(var i = 0; i< clientes.length;i++){
    var cliente = clientes[i];

    var tdCuentaNumero = cliente.querySelector(".info-cuenta_numero");
    var cuentanumero = tdCuentaNumero.textContent;

    var tdDepositos = cliente.querySelector(".info-depositos");
    var depositos = tdDepositos.textContent;

    var tdExtracciones = cliente.querySelector(".info-extracciones");
    var extracciones = tdExtracciones.textContent;

    var tdSaldo = cliente.querySelector(".info-saldo");
    var saldo = tdSaldo.textContent;

    cuentanumeroEsValido = true;
    depositoEsValida = true;

    if((cuentanumero < 0)||(cuentanumero > 100)){
        console.log("Cuenta Incorrecta");
        tdCuentaNumero.textContent = "Cuenta incorrecta";
        cuentanumeroEsValido = false;
        cliente.classList.add("Cliente-incorrecto");
    }

    if((depositos < 0)||(depositos > 10000)){
        console.log("Deposito incorrecto");
        tdDepositos.textContent = "Deposito incorrecto";
        depositoEsValida = false;
        cliente.classList.add("Cliente-incorrecto");
    }

    if(cuentanumeroEsValido && depositoEsValida){
        var saldo = (depositos - extracciones);
        tdSaldo.textContent = saldo.toFixed(2);
    }


}
3 respuestas

No se si no esta todo el código, pero yo no veo ninguna alerta en tu código

No me referí al alerta como comando "alert", sino a una señal de alerta (los condicionales If que indican que por ejemplo si los depósitos son negativos o superiores a 10000 me indique por medio de un console.log que el deposito es incorrecto.

Esta todo el codigo.