Como llamar al texto de un input, por su id?

[patilanz]

Hola primero lo del script en la parte del head para entender lo fíjate en que el navegador carga la pagina desde arriba hasta abajo, el codigo fuente de modo que si lo pones en el head y intentas hacer referencia a objetos input que todavía no se han cargando osea undefined.
Creo que todavia no habéis empezado los eventos por lo tanto no vas a poder entender lo de window.onload pero si quieres aquí tienes algo interesante: http://www.w3schools.com/jsref/event_onload.asp

Para imprimir el código javascript con colores esta arriba en el select donde pone Highlight, eliges javascript y pones el código dentro y así se te pone en colores :)

Luego en el ejercicio con los select has hecho algo muy raro. Con esto:

Código Javascript:

var small = Number(document.getElementById('small') + 6.37);
var medium = Number(document.getElementById('medium') + 10.15);
var big = Number(document.getElementById('big') + 19.99);
 

Lo que has hecho es identificar a los objetos option y luego añadirle un numero, esto no es posible no puedes agregas valor numérico a un objeto html. También tienes que usar value aunque no has puesto nada en los option de html.

Te recomiendo que leas esto: http://www.desarrolloweb.com/articulos/1027.php

Supongo que quieres identificar al option elegido dentro del select. Para hacer lo utiliza esto:

Código Javascript:

var select=document.getElementById('botes');
var option=select.options[select.selectedIndex];
 

Con esta parte no se lo que intentas hacer:

Código Javascript:

var area1 = ancho * alto;
var area2 = area1;
var area3 = largo * alto;
var area4 = area3;
var area5 = ancho * largo;
var meters2 = area1 + area2 + area3 + area4 + area5;
 

No se lo que intentas hacer con el select primero agrega valores a las options para que te sirvan de algo pon algo como esto:

Código HTML:

<select id="botes" name="botes">
<option id="small" value="10" label="Pequeño (10 m²)" selected>Pequeño (10 m²)</option>
<option id="medium" value="20" label="Mediano (20 m²)">Mediano (20 m²)</option>
<option id="big" value="40" label="Grande (40 m²)">Grande (40 m²)</option>
</select>