[SOLUCIONADO] Sumar y restar (solo suma)

wagiro · #1 (**permalink**) 11/06/2013, 14:58

hola necesito ayuda alguien sabe como podria restar el var ocho y el var cinco del total de document.all.resultado

Código HTML:

<head>
<script language="javascript">
function opera(){
var uno = document.all.uno.value;
var dos = document.all.dos.value;	
var tres = document.all.tres.value;	
var cuatro = document.all.cuatro.value;	
var cinco = document.all.cinco.value;
var seis = document.all.seis.value;	
var siete = document.all.siete.value;	
var ocho = document.all.ocho.value;
var nueve = document.all.nueve.value;	
var dies = document.all.dies.value;
var a= document.all;
document.all.resultado.innerText = "La suma es: " + (parseInt(uno) + parseInt(dos) + parseInt(tres) + parseInt(cuatro) + (cinco) + parseInt(seis) + parseInt(siete) + parseInt(ocho) + parseInt(nueve) + parseInt(dies));
}
</script>
</head>
<body><table width="201" border="1">
  <tr>
    <td width="128">Número Uno</td>
    <td width="57"><input type="text" id="uno" size="5" /></td>
  </tr>
  <tr>
    <td>Número Dos </td>
    <td><input type="text" id="dos" size="5" /></td>
  </tr>
  <tr>
    <td>Número Tres</td>
    <td><input type="text" id="tres" size="5" /></td>
  </tr>
  <tr>
    <td>Número Cuatro </td>
    <td><input type="text" id="cuatro" size="5" /></td>
  </tr>
  <tr>
    <td>Número cinco </td>
    <td><input type="text" id="cinco" size="5" /></td>
  </tr>
  <tr>
    <td>Número seis</td>
    <td><input type="text" id="seis" size="5" /></td>
  </tr>
  <tr>
    <td>Número siete </td>
    <td><input type="text" id="siete" size="5" /></td>
  </tr>
  <tr>
    <td>Número ocho</td>
    <td><input type="text" id="ocho" size="5" /></td>
  </tr>
  <tr>
    <td>Número nueve</td>
    <td><input type="text" id="nueve" size="5" /></td>
  </tr>
  <tr>
    <td>Número dies </td>
    <td><input type="text" id="dies" size="5" /></td>
  </tr>
</table>
<p><br>
  <input type="button" onclick="opera();" value="Hacer operaciones">
  
  
  <br>
  <br>
<span id="resultado">Aquí va ir la respuesta</span></p>
</body>

alberto510a · #2 (**permalink**) 11/06/2013, 15:35

Hola, aquí te hice un ejemplo:

Código HTML:

Ver original<input type="text" id="8" value="3"/>
<input type="text" id="5" value="1"/>
<input type="text" id="resultado"/>
<button onclick="calcular();">Resultado</button>

Código Javascript:

Ver originalfunction calcular(){
var ocho = parseInt(document.getElementById('8').value);
var cinco = parseInt(document.getElementById('5').value);
var resultado = ocho - cinco;
document.getElementById('resultado').value = resultado;
}

Saludos!

wagiro · #3 (**permalink**) 13/06/2013, 12:11

funciona bien el codigo pero como resta
mi problema es que quiero que sume los campos y dos campos que resten
ejemplo:
se crean los campos
introducir numero 1 ...........
introducir numero 2 ...........
introducir numero 3 ...........
introducir numero 4 ...........
introducir numero 5 ...........
introducir numero 6 ...........
introducir numero 7 ...........
introducir numero 8 ...........
introducir numero 9 ...........
introducir numero 10 ...........

el (introducir numero 5) y el (introducir numero 8) sean resta y los otros sean suma

wagiro · #4 (**permalink**) 13/06/2013, 12:49

mil gracias amigo me ayudo bastante tu razonamiento mil gracias

<html>
<head>
<script language="javascript">
function calcular(){
var dos = parseInt(document.getElementById('2').value);
var ocho = parseInt(document.getElementById('8').value);
var cinco = parseInt(document.getElementById('5').value);
var resultado = dos + ocho - cinco;
document.getElementById('resultado').value = resultado;
}
</script>
</head>
<body><input type="text" id="2" value="1"/><input type="text" id="8" value="3"/>
<input type="text" id="5" value="1"/>
<input type="text" id="resultado"/>
<button onclick="calcular();">Resultado</button>
</body>
</html>

con esta respuesta cierro este tema solucionado

alberto510a · #5 (**permalink**) 13/06/2013, 14:32

Hola, mira aquí tienes una forma que te preparé para poder sumar todos.

Código Javascript:

Ver original<script language="javascript">
function calcular(){
    var total = 0;
    /* Creamos variable total */
    
    for (var i=1;i<11;i++){
    total += parseInt(document.getElementById(i).value);
    }
    /*Bucle para sumar a la variable todos los valores de los elementos*/
    
    var resultado = document.getElementById('resultado');
    resultado.value = total;
    /*Imprimimos el total*/
}
</script>

Código HTML:

Ver original<input type="text" id="1" value="1"/>
<br />
<input type="text" id="2" value="2"/>
<br />
<input type="text" id="3" value="3"/>
<br />
<input type="text" id="4" value="4"/>
<br />
<input type="text" id="5" value="5"/>
<br />
<input type="text" id="6" value="6"/>
<br />
<input type="text" id="7" value="7"/>
<br />
<input type="text" id="8" value="8"/>
<br />
<input type="text" id="9" value="9"/>
<br />
<input type="text" id="10" value="10"/>
<br />
<input type="text" id="resultado" value="Resultado"/>
<button onclick="calcular();">Resultado</button>

Saludos!!

PD: cuando incluyas código en tus mensajes usa la herramienta que encontrarás en el panel de arriba que se llama HIGHLIGHT :P