¡Hola!
Tengo un [URL="http://vamosacomerrico.blogspot.com/"]Blog de Recetas de Cocina[/URL]. Todas muy Ricas, Sanas y Fáciles.
Quiero poner en un costado ,una calculadora de Puntos para Alimentos. (no quiero aburrir a nadie con este tema...) Hay que ingresar varios datos: Proteínas, C.Hidratos, Grasas, Fibra y Peso para calcular los Puntos.
Yo pongo antes de </head> esto:
<script language='JavaScript' type='text/javascript'>
function calculatePP() {
var doc = document.pointCalcPP;
var puntos = 0;
var fibra = doc.fibra.value;
var grasa = doc.grasa.value;
var proteina = doc.proteina.value;
var hidrato = doc.hidrato.value;
var peso = doc.peso.value;
puntos = (proteina / 11) + (hidrato / 9) + (grasa / 4) + (fibra / 30);
puntos = (peso * puntos)/100;
puntos = puntos.toFixed(1);
doc.result.value = puntos
}
</script>
Y en un Widget del Blog esto:
<div align="center">
<table class="table1" cellpadding="0" cellspacing="0" border="0" width="0">
<tr>
<td valign="top" align="center" style="padding-top:0px;padding-bottom:0px">
<div align="left">
<table cellpadding="0" cellspacing="0" border="0" width="0">
<tr>
<td valign="top">
<div align="center" style="padding-left:0px;">
<div style="border:0px solid #FFFFFF;padding:0px;background-color:#646464">
<form name="pointCalcPP">
<table cellpadding="2" cellspacing="0" border="0">
<tr>
<td align="right">Grasa:</td>
<td><input type="text" name="grasa" size="5" style="text-align: right;" /></td>
</tr>
<tr>
<td align="right">Hidratos:</td>
<td><input type="text" name="hidrato" size="5" style="text-align: right;" /></td>
</tr>
<tr>
<td align="right">Proteínas:</td>
<td><input type="text" name="proteina" size="5" style="text-align: right;" /></td>
</tr>
<tr>
<td align="right">Fibra:</td>
<td><input type="text" name="fibra" size="5" style="text-align: right;" /></td>
</tr>
<tr>
<td align="right">Peso:</td>
<td><input type="text" name="peso" size="5" style="text-align: right;" /></td>
</tr></table></form></div></div></td>
</tr>
<tr>
<td colspan="2" align="right" style="padding-bottom:10px"><input type="button" value="Calcular" onclick="calculatePP();" /></td>
</tr>
</table></div></td>
<tr>
<td align="right"><b>Propoints:
<td><input type="text" name="result" size="5" style="font-weight: bold;" value="" /></td>
</b></td></tr>
</tr></table>
</div>
Me queda muy bonito, pero no calcula nada.
Mi pregunta del Millón: ¿Por qué al presionar el botón "Calcular" no me dá el resultado?
No hace falta aclarar, que tengo poca idea del tema, pero poco a poco, me fue quedando bonito. Claro, gracias a la ayuda de gente inteligente y desinteresada, como vosotros.
Desde ya , muchas gracias.
Saludos