0

El único error que sale es que quiero que se muestre el array y la suma en el JSON.stringify(); pero solo me muestra la primera variable y en esa misma se ponen los dos parámetros

ósea array [(como debería ser) numero, numero, numero] y toma esa misma variable array[(y acá muestra la suma de ese array] y viceversa si pongo los parámetros al revés es lo mismo solo que ahora ya toma la otra variable ejemplo : suma [[(y acá muestra la suma de ese array] y toma esa misma variable suma [numero, numero, numero] lo que quiero es verificar que se estén recibiendo correctamente para después mandarlo a mi archivo de php el cual es el código comentado que esta a lo ultimo ##

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p> $ </p> <input type="text" class="inputcolor " name="" id="inputventa">
                        <button type="submit" id="añadir" class="btn btn-color ">Añadir</button>
                        
                         <ul id="lista"> </ul>
                         
                         <p>
                            Total $---
                        <ul id="listaT"> </ul>
                        </p>
                        
                        
                        
                        
                        
                        
                        
                        
                        <script>
    $("#añadir").click(function(event) {
        event.preventDefault();
        // llamar a mis funciones para anadir datos de JS
        listado();
    });
    </script>

    <script>
     $("#guardar").click(function(event) {
        event.preventDefault();
        // llamar a mis funciones para anadir datos de JS
        enviar();
    });
    </script>

4
  • Hola. ósea es un adjetivo que relaciona con los huesos. Si quieres decir algo como es decir ..., aclaro ..., etc., debes separar: o sea dónde o presenta una alternativa y sea es un inflexión verbal (imperativo del verbo ser).
    – quevedo
    el 2 sep. 2020 a las 18:50
  • lo corrigió el navegador
    – Fabio
    el 2 sep. 2020 a las 18:57
  • te lo corrigió porque lo pusiste ligado y son dos palabras
    – quevedo
    el 2 sep. 2020 a las 18:59
  • si esta bien...
    – Fabio
    el 2 sep. 2020 a las 19:00

1 respuesta 1

1

estas pasando 1 solo paramentro a una funcion que recibe 2 argumentos

y aparte le estas enviado 2 tipos de datos primero envias un array y luego un int

solo deja un argumento de tipo array y trabaja con eso ejemplo:

const agregarVar = document.querySelector('#añadir');
const inputAgregarVar = document.querySelector('#inputventa');


var arrayinput = [];

function listado() {
    if ((inputAgregarVar.value == '')) {
        alert('vacio');
        inputventa.focus();
    } else
    if (inputAgregarVar.value >= 0) {
        arrayinput.push(parseFloat(inputAgregarVar.value));
        inputAgregarVar.value = '';
        inputAgregarVar.focus();
        mostrar(arrayinput);
        sumar(arrayinput);
        // envias un arreglo
        enviar(arrayinput);
    } else
        alert('Debe de ser positivo');
    inputventa.focus();
};

function mostrar(arrayinput) {
    var listaUlVar = document.querySelector('#lista');
    listaUlVar.innerHTML = '';
    for (i of arrayinput) {
        var listaLi = document.createElement('li');
        listaUlVar.appendChild(listaLi);
        listaLi.innerText = i;
        console.log(i);
    }
}

function sumar(arrayinput) {
    var listaT = document.querySelector('#listaT');
    listaT.innerHTML = '';
    let suma = 0;
    for (let i = 0; i < arrayinput.length; i++) {
        suma += arrayinput[i];
    }
    var listaLi = document.createElement('li');
    listaT.appendChild(listaLi);
    listaLi.innerText = suma;
    console.log("suma total", suma);
    // envias un int
    //enviar(suma);
}

// vamos a recibir un solo dato
function enviar(arrayinput) {

    let datosAEnviar = {
        // sumamos todo el arreglo
        suma: arrayinput.reduce((a, b) => a + b, 0),
        array: arrayinput

    }
    console.log(JSON.stringify(datosAEnviar));
    /*
    let configOptions = {
        method: "POST",
        headers: {
            "Conten-type": "application/json"
        },
        body: JSON.stringify(datosAEnviar)
    }
    fetch("http://localhost/Proyectos/panaderia/administrador/admin/procesos/Procesoventa.php", configOptions)
        .then(response => response.json()).then(data => console.log(data))*/
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p> $ </p> <input type="text" class="inputcolor " name="" id="inputventa">
                        <button type="submit" id="añadir" class="btn btn-color ">Añadir</button>
                        
                         <ul id="lista"> </ul>
                         
                         <p>
                            Total $---
                        <ul id="listaT"> </ul>
                        </p>
                        
                        
                        
                        
                        
                        
                        
                        
                        <script>
    $("#añadir").click(function(event) {
        event.preventDefault();
        // llamar a mis funciones para anadir datos de JS
        listado();
    });
    </script>

    <script>
     $("#guardar").click(function(event) {
        event.preventDefault();
        // llamar a mis funciones para anadir datos de JS
        enviar();
    });
    </script>

1
  • gracias, tendré problemas cuando lo quiera mandarlo a un archivo de php para guardarlo ala base de datos?
    – Fabio
    el 2 sep. 2020 a las 19:05

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.