M�todos Avanzados / Matem�tica y Formas

Matem�tica y Formas
(Math & Forms)

Calcula el cuadrado o Ra�z Cuadrada

(Calculate the Square or Square Root

Este ejemplo ilustra un poco sobre las habilidades matem�ticas de Javascript's. Tambi�n te muestra como puedes usar una forma para input/output con Javascript sin tener que someter la forma en el servidor.


Entra un n�mero aqu�:

Oprime el bot�n de funci�n para que empiece:

Resultados:


El c�digo te permite crear esta micro-calculadora es:

<form method="POST"   
  
enctype=application/x-www-form-urlencoded>   
  
Enter a number here:    
  
<input name="number" type="INT" size=10 value="0">    
  
<p>   
  
Press button of function to perform:    
  
<input name="sqrt" value="SqrRt" type="BUTTON"   
  
Onclick =   
  
"form.answer.value=Math.sqrt(form.number.value)">   
  
<input name="square" value="x**2" type="BUTTON"   
  
Onclick =   
  
"form.answer.value=Math.pow(form.number.value,2)">   
  
<p>   
  
Result:   
  
<input name="answer" type="INT" value="0"> <br>   
  
</form>                                             
  

Notas:

  1. La etiqueta HTML <form> corresponde al objeto de form de Javascript.
  2. Una forma elemental llamada abc puede ser entrada a trav�s de Javascript como form.abc (si se la da nombre a la forma, digamos (cosa)"stuff" en la etiqueta de la forma <form>, este nombre tambi�n puede ser usado para entrar un elemenmto de una forma, ej., stuff.abc.
  3. El valor de algunos elementos, por ejemplo los elementos de textos entrados(input), no solo pueden ser entrados sino que cambiados v�a form.abc.value. (De nuevo, el nombre de la forma puede ser usado aqu� si lo tuviera.)
  4. <input name="sqrt" value="SqrRt" type="BUTTON"
    Onclick = "form.answer.value=
    Math.sqrt(form.number.value)"
    >
    a�ade un elemento de forma tipo bot�n llamado "sqrt" a la forma; "SqrRt" es el nombre del bot�n. Cuando el bot�n se oprime Javascript toma el valor del elemento de la forma llamado "n�mero" "number" (i.e., form.number.value) y le pasa el n�mero a Math.sqrt, el sqrt m�todo de objeto de Javascript's Math. El valor devuelto es la ra�z cuadrada del argumento. Entonces, es asignado as form.answer.value, preparando el valor del elemento de la contestaci�n ("answer") (encasillado de entrar informaci�n [input box]) en la forma.
  5. El Onclick para elbot�n llamado cuadrado "square" funciona de forma similar, excepto que pasa el valor entrado en el elemento del n�mero de la forma al m�todo pow del objeto de Math (i.e., to Math.pow). Este objeto tiene dos argumentos y trae como primer argumento al poder del segundo.

Aunque un n�mero puede ser entrado dentro de el elemento del n�mero de la forma (el encasillado del texto llamado (entra un n�mero aqu�)"Enter a number here"). Cuando uno de los botones es oprimido, el n�mero del cuadrado o la ra�z cuadranda es calculado, dependiendo de cual bot�n es oprimido. Los resultados del c�lculo son mostrados en el encasillado del elemento de la contestaci�n "answer" element (encasillado adyacente a Resultado "Result").

Con un poco m�s de esfuerzo, puedes crear una calculadora real de Javascript calculator. Y aqu� hay una p�gina que utiliza el m�todo de matem�ticas de Javascript para convertir n�meros entre deciamles y hexadecimales) convert between decimal and hexadecimal numbers que encuentrar�s muy �til, por ejemplo cuando entallas tus p�ginas a colores.