Ver Mensaje Individual
  #1 (permalink)  
Antiguo 15/02/2011, 04:44
Blashak
 
Fecha de Ingreso: noviembre-2007
Mensajes: 471
Antigüedad: 16 años, 5 meses
Puntos: 2
Objetos javascript

Buenas,

Estoy aprendiendo a usar objeto en javascript y me quede un poco estancado en un ejericio.Tengo dos botones uno que crea un gato con el color y la edad y el otro que suma la edad.
EL problema esta en que nose como guardar la edad que sumo en el objeto y si dpsues le das al boton sumar otra ves continue sobre ese numero.

Dejo el ejemplo:

Código Javascript:
Ver original
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <html>
  3.     <head>
  4.         <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  5.         <title>Untitled Document</title>
  6. <script type="text/javascript" src="jquery-1.4.2.min.js"></script>
  7.     </head>
  8.     <body>
  9.         <input type="button" value="boton" onclick="crear('michu')">
  10.         <input type="button" value="summar"  id="edad">
  11.         <script type="text/javascript">
  12.            
  13. var Gato = function (color, edad) {
  14.    
  15.     this.color = color;
  16.     this.edad = edad;
  17.     this.mostrar = mostrar;
  18. this.cambiare = cambiare;
  19. }
  20.  
  21. function crear(objeto){
  22.  
  23.     //objeto es el nombre del gato
  24.     var color= "blanco";
  25.     var edad= 10;
  26.  
  27.    
  28.     var objeto = new Gato(color, edad);
  29.     objeto.mostrar(objeto);
  30.     objeto.cambiare(objeto);
  31. }
  32.  
  33. function mostrar(objeto){
  34.     alert(objeto.color);
  35.     alert(objeto.edad);
  36.    
  37. }
  38.  
  39. function cambiare(objeto){
  40.  
  41. $('#edad').click(function() {
  42.  
  43. var edad = objeto.edad;
  44.  
  45.  
  46. var nuevaedad = Number(edad)+ 1;
  47. alert(nuevaedad);
  48.  
  49.  
  50.  
  51.  
  52. });
  53.    
  54. }
  55.  
  56.            
  57.         </script>
  58.     </body>
  59. </html>

El codigo contiene jquery.

Saludos