Skip to main content
se añadieron 180 caracteres en el cuerpo
Origen Enlace
Lobos
  • 16.4k
  • 3
  • 14
  • 31

Agrego ejemplo donde se suman los valores de la columna y se coloca al final el total. Basado en la estructura de la tabla de ejemplo.

function sumaractualizarSubTotales() {
  // actualizar los subtotales
  for (i = 1; i <= 2;i++){
  2; i++) {
    let tdElem = document.getElementById(`a${i}`).innerHTML;innerHTML = `${Math.round(
      Math.random() * 1000,
 // dejar solo los digitos y0
 multiplicar por 1 para)}`;
 convertirlo }

  // luego de actualizar llamar la función sumar
  // enpara tipoactualizar numberel total
  sumar();
}

function sumar() {
  let total = tdElem0;

 = tdElem.replace(/\D/g,'') *recorrer 1todos los td
  for 
 (i = 1; i <= 2; i++) {
    let subTotaltdElem = document.getElementById(`subtotal``a${i}`).innerHTML;
        // dejar solo los digitos y multiplicar por uno1 para
    convertirlo
    // convertirlo en tipo number
        subTotaltdElem = subTotaltdElem.replace(/\D/g,'' "") * 1;
    
    // actualizar subtotal
    subTotaltotal += tdElem;
    
    // agregar nuevo subtotal
    document.getElementById(`subtotal`).innerHTML = `$${subTotaltotal}`;
  
  }
 
}
// suma inicial
sumar();
<button onclick="actualizarSubTotales()">Actualizar sub totales</button>

<table border="1">
  <tr>
      <td id="a1">$200</td>
  </tr>
  <tr>
      <td id="a2">$500000</td>
  </tr>
  <tr>
      <td id="subtotal">0</td>
  </tr>

Agrego ejemplo donde se suman los valores de la columna y se coloca al final el total. Basado en la estructura de la tabla de ejemplo.

function sumar(){

  for(i = 1; i <= 2;i++){
    
    let tdElem = document.getElementById(`a${i}`).innerHTML;
         // dejar solo los digitos y multiplicar por 1 para convertirlo
         // en tipo number
         tdElem = tdElem.replace(/\D/g,'') * 1
   
     
    let subTotal = document.getElementById(`subtotal`).innerHTML;
        // dejar solo los digitos y multiplicar por uno para
        // convertirlo en tipo number
        subTotal = subTotal.replace(/\D/g,'') * 1;
    
    // actualizar subtotal
    subTotal += tdElem;
    
    // agregar nuevo subtotal
    document.getElementById(`subtotal`).innerHTML = `$${subTotal}`;
  
  }
 
}

sumar();
<table border="1">
  <tr>
      <td id="a1">$200</td>
  </tr>
  <tr>
      <td id="a2">$500000</td>
  </tr>
  <tr>
      <td id="subtotal">0</td>
  </tr>

Agrego ejemplo donde se suman los valores de la columna y se coloca al final el total. Basado en la estructura de la tabla de ejemplo.

function actualizarSubTotales() {
  // actualizar los subtotales
  for (i = 1; i <= 2; i++) {
    document.getElementById(`a${i}`).innerHTML = `${Math.round(
      Math.random() * 1000,
      0
    )}`;
  }

  // luego de actualizar llamar la función sumar
  // para actualizar el total
  sumar();
}

function sumar() {
  let total = 0;

  // recorrer todos los td
  for (i = 1; i <= 2; i++) {
    let tdElem = document.getElementById(`a${i}`).innerHTML;
    // dejar solo los digitos y multiplicar por 1 para convertirlo
    // en tipo number
    tdElem = tdElem.replace(/\D/g, "") * 1;

    total += tdElem;

    // agregar nuevo subtotal
    document.getElementById(`subtotal`).innerHTML = `$${total}`;
  }
}
// suma inicial
sumar();
<button onclick="actualizarSubTotales()">Actualizar sub totales</button>

<table border="1">
  <tr>
      <td id="a1">$200</td>
  </tr>
  <tr>
      <td id="a2">$500000</td>
  </tr>
  <tr>
      <td id="subtotal">0</td>
  </tr>

se añadieron 6 caracteres en el cuerpo
Origen Enlace
Lobos
  • 16.4k
  • 3
  • 14
  • 31

Agrego ejemplo donde se suman los valores de la columna y se coloca al final el total:. Basado en la estructura de la tabla de ejemplo.

function sumar(){

  for(i = 1; i <= 2;i++){
    
    let tdElem = document.getElementById(`a${i}`).innerHTML;
         // dejar solo los digitos y multiplicar por 1 para convertirlo
         // en tipo number
         tdElem = tdElem.replace(/\D/g,'') * 1
   
    
    let subTotal = document.getElementById(`subtotal`).innerHTML;
        // dejar solo los digitos y multiplicar por uno para
        // convertirlo en tipo number
        subTotal = subTotal.replace(/\D/g,'') * 1;
    
    // actualizar subtotal
    subTotal += tdElem;
    
    // agregar nuevo subtotal
    document.getElementById(`subtotal`).innerHTML = subTotal;`$${subTotal}`;
  
  }

}

sumar();
<table border="1">
  <tr>
      <td id="a1">$200</td>
  </tr>
  <tr>
      <td id="a2">$500000</td>
  </tr>
  <tr>
      <td id="subtotal">0</td>
  </tr>

Agrego ejemplo donde se suman los valores de la columna y se coloca al final el total:

function sumar(){

  for(i = 1; i <= 2;i++){
    
    let tdElem = document.getElementById(`a${i}`).innerHTML;
         // dejar solo los digitos y multiplicar por 1 para convertirlo
         // en tipo number
         tdElem = tdElem.replace(/\D/g,'') * 1
   
    
    let subTotal = document.getElementById(`subtotal`).innerHTML;
        // dejar solo los digitos y multiplicar por uno para
        // convertirlo en tipo number
        subTotal = subTotal.replace(/\D/g,'') * 1;
    
    // actualizar subtotal
    subTotal += tdElem;
    
    // agregar nuevo subtotal
    document.getElementById(`subtotal`).innerHTML = subTotal;
  
  }

}

sumar();
<table border="1">
  <tr>
      <td id="a1">$200</td>
  </tr>
  <tr>
      <td id="a2">$500000</td>
  </tr>
  <tr>
      <td id="subtotal">0</td>
  </tr>

Agrego ejemplo donde se suman los valores de la columna y se coloca al final el total. Basado en la estructura de la tabla de ejemplo.

function sumar(){

  for(i = 1; i <= 2;i++){
    
    let tdElem = document.getElementById(`a${i}`).innerHTML;
         // dejar solo los digitos y multiplicar por 1 para convertirlo
         // en tipo number
         tdElem = tdElem.replace(/\D/g,'') * 1
   
    
    let subTotal = document.getElementById(`subtotal`).innerHTML;
        // dejar solo los digitos y multiplicar por uno para
        // convertirlo en tipo number
        subTotal = subTotal.replace(/\D/g,'') * 1;
    
    // actualizar subtotal
    subTotal += tdElem;
    
    // agregar nuevo subtotal
    document.getElementById(`subtotal`).innerHTML = `$${subTotal}`;
  
  }

}

sumar();
<table border="1">
  <tr>
      <td id="a1">$200</td>
  </tr>
  <tr>
      <td id="a2">$500000</td>
  </tr>
  <tr>
      <td id="subtotal">0</td>
  </tr>

Origen Enlace
Lobos
  • 16.4k
  • 3
  • 14
  • 31

Agrego ejemplo donde se suman los valores de la columna y se coloca al final el total:

function sumar(){

  for(i = 1; i <= 2;i++){
    
    let tdElem = document.getElementById(`a${i}`).innerHTML;
         // dejar solo los digitos y multiplicar por 1 para convertirlo
         // en tipo number
         tdElem = tdElem.replace(/\D/g,'') * 1
   
    
    let subTotal = document.getElementById(`subtotal`).innerHTML;
        // dejar solo los digitos y multiplicar por uno para
        // convertirlo en tipo number
        subTotal = subTotal.replace(/\D/g,'') * 1;
    
    // actualizar subtotal
    subTotal += tdElem;
    
    // agregar nuevo subtotal
    document.getElementById(`subtotal`).innerHTML = subTotal;
  
  }

}

sumar();
<table border="1">
  <tr>
      <td id="a1">$200</td>
  </tr>
  <tr>
      <td id="a2">$500000</td>
  </tr>
  <tr>
      <td id="subtotal">0</td>
  </tr>