Comunidad de diseño web y desarrollo en internet online

sumar con javascript

Citar            
MensajeEscrito el 30 Nov 2012 01:16 pm
Hola buen día.
tengo el siguiente inconveniente con java script y de pronto es muy básico, pero soy un poco noob con javascript.

Estoy realizando un calculador de espacio para bodegas, donde el usuario puede seleccionar una serie de elementos, estos se guardan en la bodega y van sumando el valor del mismo hasta cuando la bodega se llena.

lo que no he podido hacer es que sume en una variable cada vez que doy click a cualquier elemento.

de antemano muchas gracias por la ayuda.

Por stiveng

4 de clabLevel



Genero:Masculino  

publicista,web,s.e.o

chrome
Citar            
MensajeEscrito el 30 Nov 2012 04:46 pm
Suponiendo que tienes los elementos de la siguiente manera:

<div class="elemento" data-valor="300" >Elemento 1</div>

donde el atributo data-valor contendría el valor del elemento.

Usando jquery harías lo siguiente:

Código Javascript :

 totalBodega = 0;
                      
$('.elemento').on('click', function(){

     $valor = $(this).data('valor'); // aca guardas el valor del elemento en una variable
     totalBodega += $valor; // el operador += equivale a totalBodega = totalBodega + $valor

});

Por HtrMancera

Claber

342 de clabLevel

1 tutorial

Genero:Masculino  

Front-end Developer

chrome
Citar            
MensajeEscrito el 30 Nov 2012 05:42 pm
no me funciona :(

Por stiveng

4 de clabLevel



Genero:Masculino  

publicista,web,s.e.o

chrome
Citar            
MensajeEscrito el 30 Nov 2012 06:05 pm
posteo una img

Por stiveng

4 de clabLevel



Genero:Masculino  

publicista,web,s.e.o

chrome
Citar            
MensajeEscrito el 30 Nov 2012 06:33 pm
Podrías poner el segmento código que estas usando para realizar el cálculo

Por -george-

58 de clabLevel



 

Tartarus

firefox
Citar            
MensajeEscrito el 30 Nov 2012 06:43 pm
para que sume de a uno.

en el html

<img onClick="sala1()" src="img/calculador/sala/sala-01.jpg">

el js
var elementos=0;
function sala1() {
document.getElementById('elementos').innerHTML = elementos++;
document.getElementById('suma').innerHTML = elementos+ 0.7;
};

pero no me funciona.

luego intente.

en el html
<script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>

<script>
$(document).ready(function(){
$('.elemento').on('click', function(){
$valor = $(this).data('valor'); // aca guardas el valor del elemento en una variable
totalBodega += $valor; // el operador += equivale a totalBodega = totalBodega + $valor
alert("tcjjdjj");
});
</script>

<img class="elemento" data-valor="300" src="img/calculador/sala/sala-01.jpg">

gracias por la ayuda :)

Por stiveng

4 de clabLevel



Genero:Masculino  

publicista,web,s.e.o

chrome
Citar            
MensajeEscrito el 30 Nov 2012 07:34 pm
Prueba con ++elemento

La expresión es distinta dependiente de donde colocas las operaciones:
elemento++ primero devuelve el valor actual, luego incrementa en 1.
++elemento incremente primero el valor en 1 y luego devuelve el valor

Por -george-

58 de clabLevel



 

Tartarus

firefox
Citar            
MensajeEscrito el 30 Nov 2012 08:32 pm
nada...
... lo monte en este link para que lo miren y me den su opinion
www.stivengordillo.com/calculador

Por stiveng

4 de clabLevel



Genero:Masculino  

publicista,web,s.e.o

chrome
Citar            
MensajeEscrito el 30 Nov 2012 08:33 pm

Código HTML :

<a herf="www.stivengordillo.com/calculador" target="_self">www.stivengordillo.com/calculador</a>

Por stiveng

4 de clabLevel



Genero:Masculino  

publicista,web,s.e.o

chrome
Citar            
MensajeEscrito el 30 Nov 2012 09:12 pm
listo se me fue todo el dia pero lo solucione gracias a HtrMancera

document.getElementById('elementos').innerHTML = elementos+= y el valor a sumar;

aunque me genero un serie de decimales.

!saludos! :)

Por stiveng

4 de clabLevel



Genero:Masculino  

publicista,web,s.e.o

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.