Ayuda con script que no funciona

juanf03 · #1 (**permalink**) 17/03/2009, 18:15

No me funciona este código..................

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script language="javascript">
var PI=3.14159265359;

function Circulo(radio) {
this.radio=radio;
this.area=area;
this.longitud=longitud;
}

function area() {
var area=PI*this.radio*this.radio;
alert("El área es: "+area);
}

funtion longitud(){
var longitud=2*PI*this.radio;
alert("La longitud es: "+longitud);
}

function Crea_Dos_Circulos(){
var circ1=new Circulo(1);
var circ2={ radio:2,area:area,longitud:longitud};

circ1.area();
circ1.longitud();
circ2.area();
circ2.longitud();
circ1.radio=3;
circ1.area();
circ1.nombre="Soy el circulo 1";
alert(circ1.nombre);
alert(circ2.nombre);
}
</script>
</head>
<body onload="Crea_Dos_Circulos();">
</body>
</html>

Panino5001 · #2 (**permalink**) 17/03/2009, 18:29

Es function longitud() (olvidaste la c). Adicionalmente te comento que podrías usar Math.PI en lugar de declarar la variable PI. Y no uses el atributo language, es obsoleto.

juanf03 · #3 (**permalink**) 17/03/2009, 18:58

Que uso en vez del atributo language? porque estyo leyendo un tutorial de javascript pero no se si es obsoleto......Si me podes dar mas detalles mejor

Panino5001 · #4 (**permalink**) 17/03/2009, 19:46

Lo más correcto es:

Código:

<script type="text/javascript">

juanf03 · #5 (**permalink**) 17/03/2009, 21:40

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>

</head>
<body>
<script type="javascript">
var cad="hola";
document.write(cad.length);
</script>
</body>
</html>

y esto por que no funciona??

también probé

<script type="javascript">
var cad=new String("hola");
document.write(cad.length);
</script>

pero tampoco funciona.....:S

buzu · #6 (**permalink**) 17/03/2009, 22:05

fijate que es <script type="text/javascript"

juanf03 · #7 (**permalink**) 18/03/2009, 19:39

eso no influye, ya probé.... no encuentro el error realmente

buzu · #8 (**permalink**) 19/03/2009, 16:28

asegurate de que si lo has provado. Yo copio y pego tal como lo tienes y no funciona, agrego lo que dige y funciona...

Seguro que no lo has copiado bien, aqui te lo dejo:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>

</head>
<body>
<script type="text/javascript">
var cad="hola";
document.write(cad.length);
</script>
</body>
</html>

Fijate que lo unico que he cambiado es lo que te dije que cambiaras anteriormente.

Saludos.

CMSalvado · #9 (**permalink**) 20/03/2009, 23:20

Hola juanf03, JavaScript es un lenguaje muy versátil, multi-paradigma, que mezcla conceptos de programación funcional, programación orientada a objetos y programación imperativa.

Pero el modelo OO (Orientado a Objetos) de JavaScript no es basado en clases como otros lenguajes (por ejemplo Java, C#, SmallTalk, etc...), el modelo OO de JavaScript es basado en prototipos, este paradigma es también conocido como Programación Basada en Instancias o Programación Basa en Prototipos.

En estos paradigmas las "clases" no existen, y la re-utilización de código o procesos (herencia en lenguajes basados en clases) se obtiene por medio de la clonación de objetos existentes, que sirven a su vez de prototipos, para extender las funcionalidades base.

Por lo tanto podríamos reescribir tu código de la manera siguiente:

Código javascript:

Ver originalfunction Circulo(radio) {  //Constructor
    this.radio = radio;
}
 
Circulo.prototype.area = function() {
    return Math.PI*this.radio*this.radio;
}
 
Circulo.prototype.longitud = function(){
    return 2*Math.PI*this.radio;
}
 
function creaDosCirculos(){
    var circ1 = new Circulo(1);
    var circ2 = new Circulo(3);
 
    alert('Area de Circ1: '+ circ1.area());
    alert('Longitud de Circ1: '+ circ1.longitud());
    alert('Area de Circ2: '+ circ2.area());
    alert('Longitud de Circ2: '+ circ2.longitud());
}
 
creaDosCirculos();

Saludos