Autor Tema: prototype Herencia JavaScript ejemplo código básico. Ejercicio resuelto CU01149E  (Leído 2799 veces)

Salvadoruve2

  • Principiante
  • **
  • APR2.COM
  • Mensajes: 69
  • Good night Seattle
    • Ver Perfil
Hola mi resultado al ejercicio propuesto en este apartado CU01149E del curso básico de desarrollo web con JavaScript. Espero que esté correcto y como siempre abierto a sugerencias.

Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<title>Herencia prototype</title>
<meta charset="utf-8">
<style type="text/css">
body {text-align: center; margin: 0 auto;}
div {padding:15px; width: auto; display: inline-block; margin: 25px; margin-top: 300px; cursor: pointer; color: white; border-radius: 40px; background: rgb(202, 60, 60);}
div:hover, div:hover {background: rgb(66, 184, 221);}
</style>
<script type="text/javascript">

function Vegetal() {this.definicion = 'Ser vivo sin movilidad'};

function PlantaCultivada() {this.nombreCinetifico = 'desconocido';}

PlantaCultivada.prototype = new Vegetal();

function Hortaliza() {this.nombreCinetifico = 'indefinido';}

Hortaliza.prototype.componentePrincipal = 'Agua';

Hortaliza.prototype = new PlantaCultivada();

function Tomate() {this.calorias = 39;}

Tomate.prototype = new Hortaliza();

function Lechuga() {this.calorias = 31;}

Lechuga.prototype = new Hortaliza();

function Zanahoria() {this.calorias = 45;}

Zanahoria.prototype = new Hortaliza();

function start() {
var tomate1 = new Tomate();
var lechuga1 = new Lechuga();
var zanahoria = new Zanahoria();

alert('El tomate es un ' + tomate1.definicion);


}
</script>
</head>
<body>
<div onclick="start()">Veganismo</div>
</body>
</html>
« Última modificación: 05 de Agosto 2016, 00:44 por César Krall »
Dt. Crane psychiatrist

César Krall

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 2078
  • No vales por lo que dices, sino por lo que haces
    • Ver Perfil
    • aprenderaprogramar.com
Hola!

En el ejercicio se pedía

Citar
Toda hortaliza tiene como propiedad específica tipoHortaliza y su valor inicial debe ser “indefinido”.

Pero no veo que hayas tenido esto en cuenta

También debes cambiar nombreCinetifico por nombreCientifico

Revísalo y pega el código cuando lo hayas revisado

Saludos!
Responsable de departamento de producción aprenderaprogramar.com

Salvadoruve2

  • Principiante
  • **
  • APR2.COM
  • Mensajes: 69
  • Good night Seattle
    • Ver Perfil
Hola César, creo que he corregido lo que me pedías.

Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<title>Herencia prototype</title>
<meta charset="utf-8">
<style type="text/css">
body {text-align: center; margin: 0 auto;}
div {padding:15px; width: auto; display: inline-block; margin: 25px; margin-top: 300px; cursor: pointer; color: white; border-radius: 40px; background: rgb(202, 60, 60);}
div:hover, div:hover {background: rgb(66, 184, 221);}
</style>
<script type="text/javascript">

function Vegetal() {this.definicion = 'Ser vivo sin movilidad'};

function PlantaCultivada() {this.nombreCientifico = 'desconocido';}

PlantaCultivada.prototype = new Vegetal();

function Hortaliza() {this.tipoDeHortaliza = 'indefinido';}

Hortaliza.prototype.componentePrincipal = 'Agua';

Hortaliza.prototype = new PlantaCultivada();

function Tomate() {this.calorias = 39;}

Tomate.prototype = new Hortaliza();

function Lechuga() {this.calorias = 31;}

Lechuga.prototype = new Hortaliza();

function Zanahoria() {this.calorias = 45;}

Zanahoria.prototype = new Hortaliza();

function start() {
var tomate1 = new Tomate();
var lechuga1 = new Lechuga();
var zanahoria = new Zanahoria();

alert('El tomate es un ' + tomate1.definicion);


}
</script>
</head>
<body>
<div onclick="start()">Veganismo</div>
</body>
</html>

Gracias!
Dt. Crane psychiatrist

Mario R. Rancel

  • Administrador
  • Experto
  • ********
  • APR2.COM
  • Mensajes: 1978
    • Ver Perfil
Buenas tardes Salvador, veo el ejercicio bien resuelto. Saludos.

 

Sobre la educación, sólo puedo decir que es el tema más importante en el que nosotros, como pueblo, debemos involucrarnos.

Abraham Lincoln (1808-1865) Presidente estadounidense.

aprenderaprogramar.com: Desde 2006 comprometidos con la didáctica y divulgación de la programación

Preguntas y respuestas

¿Cómo establecer o cambiar la imagen asociada (avatar) de usuario?
  1. Inicia sesión con tu nombre de usuario y contraseña.
  2. Pulsa en perfil --> perfil del foro
  3. Elige la imagen personalizada que quieras usar. Puedes escogerla de una galería de imágenes o subirla desde tu ordenador.
  4. En la parte final de la página pulsa el botón "cambiar perfil".