Foros aprenderaprogramar.com
Aprender a programar => C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más => Mensaje iniciado por: Salvadoruve2 en 28 de Julio 2016, 21:50
-
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.
<!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>
-
Hola!
En el ejercicio se pedía
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!
-
Hola César, creo que he corregido lo que me pedías.
<!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!
-
Buenas tardes Salvador, veo el ejercicio bien resuelto. Saludos.