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!