Buenas,
no puedo declarar la variable fuera de una funcion ya que al hacer click sobre el boton eso ejecuta la funcion.
Pude logar que se haga la suma un vez creado el objeto gato pero el problema es que cada vez que le da a sumar se repite el numero varias veces.
Ej: si hace un click en sumar aparece
dos veces 1
si hace otro click en summar aparece dos veces 1 y luego dos veces 2 y asi...
porque ocurre esto.
Código Javascript
:
Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
</head>
<body>
<input type="button" value="boton" onclick="crear('michu')">
<input type="button" value="summar" id="edad">
<script type="text/javascript">
var Gato = function (color, edad) {
this.color = color;
this.edad = edad;
this.mostrar = mostrar;
this.cambiare = cambiare;
}
function crear(objeto, nuevaedad){
if(document.getElementById("textogato")){
alert(nuevaedad);
var color = objeto.color;
var edad = nuevaedad;
var objeto = new Gato(color, edad);
objeto.cambiare(objeto);
}else{
//objeto es el nombre del gato
var color= "blanco";
var edad= 10;
objeto = new Gato(color, edad);
objeto.mostrar(objeto);
objeto.cambiare(objeto);
}
}
function mostrar(objeto){
var $p = $('<p>');
var id = "textogato";
var $objeto = $p.attr("id", id);
var $texto = objeto.color;
var $objeto = $p.text($texto);
$objeto.css("display", "inline");
$objeto.css("background", "red");
$objeto.css("font-size", "20px");
$objeto.css("color", "blue");
$objeto.appendTo('body');
}
function cambiare(objeto){
$('#edad').click(function() {
var edad = objeto.edad;
var nuevaedad = Number(edad)+ 1;
alert(nuevaedad);
crear(objeto, nuevaedad);
});
}
</script>
</body>
</html>
Saludos