JavaScript - Sumatoria de resultado en Javascript

   
Vista:

Sumatoria de resultado en Javascript

Publicado por edgar (1 intervención) el 23/05/2016 14:49:27
ESTE SCRIPT REALIZA LA FUNCIÓN DE QUE CUANDO LE DOY A UN BOTÓN, SE ME INCREMENTA UN NUMERO Y EN LA OTRA PARTE SE MULTIPLICA POR EL VALOR DADO EN LA VARIABLE.

LO QUE QUIERO ES, QUE LOS RESULTADOS FINALES DE CADA ELLOS SE ME MUESTREN EN UN INPUT TEXT



1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<script type="text/javascript">
var capnum = 0;
var precio = capnum * 100;
var capnum2 = 0;
var precio2 = capnum2 * 180;
 
function add(){
     capnum++;
	 precio = capnum * 100;
     document.getElementById('display').innerHTML = capnum;
	 document.getElementById('mostrar').innerHTML = precio;
}
function add2(){
     capnum2++;
	 precio2 = capnum2 * 180;
     document.getElementById('display2').innerHTML = capnum2;
	 document.getElementById('mostrar2').innerHTML = precio2;
}

1
2
3
4
5
6
7
8
9
10
11
12
13
<button class="n" onclick="add()">AGREGAR CATEGORIA 1</button>
    <p></p>
<span class="n">Cantidad:</span>
<div class="m" id="display"><script type="text/javascript">document.write(capnum);</script></div>
<span class="n">Total:</span>
 <div class="m" id="mostrar"><script type="text/javascript">document.write(precio);</script></div>
 
 <button class="n" onclick="add2()">AGREGAR CATEGORIA 2</button>
<p></p>
<span class="n">Cantidad:</span>
<div class="m" id="display2"><script type="text/javascript">document.write(capnum2);</script></div>
<span class="n">Total:</span>
 <div class="m" id="mostrar2"><script type="text/javascript">document.write(precio2);</script></div>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de Juan Diego

Sumatoria de resultado en Javascript

Publicado por Juan Diego (37 intervenciones) el 23/05/2016 16:22:06
Hol Edgar, espero estés muy bien.

Para mostrar los resultados en un Input Text, deberás hacer lo siguiente:

En el script hacer referencia a la propiedad value del input:
1
document.getElementById('display2').value = precio;

En el HTML, en el input indicar el correspondiente id:
1
<input tyype="text" id="display2"  >

Feliz día.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar