|     Inicio    |   |         |  |   FOROS      |  |      |      
   Elastix - VoIP B4A (Basic4Android) App inventor 2 PHP - MySQL
  Estación meteorológica B4J (Basic4Java) ADB Shell - Android Arduino
  AutoIt (Programación) Visual Basic Script (VBS) FireBase (BD autoactualizable) NodeMCU como Arduino
  Teleco - Emisora de A.M. Visual Basic Cosas de Windows Webs interesantes
Translate:
Búsqueda en este sitio:


.

App inventor 2 en español
Cómo programar los teléfonos móviles con Android.
Curso de App inventor 2 en español - Juan Antonio Villalpando

-- Tutorial de iniciación de App Inventor 2 en español --

Volver al índice del tutorial

___________________________

166.- Insertar códigos de JavaScript en App inventor. Pitágoras.

p166_javascript_pitagoras.aia

- Vamos a realizar el Teorema de Pitágoras mediante JavaScript.

- App inventor enviará los catetos separados por dos puntos, por ejemplo 3:4

- El Código JavaScript que se encuentra en el archivo pitagoras.htm tomará ese dato, separará sus valores, realizará el teorema y devolverá el valor de la hipotenusa.

- Lo devolverá mediante la variable value en el evento WebViewStringChange y saldrá en una Etiqueta.

NOTA IMPORTANTE:

- Cada vez que cambiemos el contenido del archivo .htm que contiene el código JavaScript, debemos Subirlo a la aplicación, además también tenemos que reiniciar la aplicación, para ello vamos al Diseño y cambiamos cualquier cosa, por ejemplo ponemos algo en Negrita o quitamos un Negrita.

_________________
- Diseño.

- Ponemos un VisorWeb, en esta ocasión está Visible, pero es mejor ponerlo no Visible. El VisorWeb no es necesario que se vea. Lo puedes poner No Visible desde el Diseño, ya que el VisorWeb solo tiene la misión de ejecutar el archivo de JavaScript, pero no es necesario que muestre en él la respuesta.

- Archivo pitagoras.htm

pitagoras.htm 

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"></head><body>
<script>

    datos =  window.AppInventor.getWebViewString(); // Entrada de datos.
    datos = datos + ":";  
  
    catetos = datos.split(":"); 
    cateto1 = catetos[0];
    cateto2 = catetos[1];
    
    hipotenusa = Math.sqrt(Math.pow(cateto1, 2) + Math.pow(cateto2, 2)) ;
   
   window.AppInventor.setWebViewString("" + hipotenusa);  // Respuesta a CadenaDeWebView
   
</script>
</body></html>

_________________
- Bloques.

- Mientras estamos depurando el programa con App inventor dejamos la dirección que está puesta. Cuando lo vayamos a Generar para obtener el archivo de instalación .apk, previamente cambiamo la dirección del archivo a file:///android_asset/pitagoras.htm

_________________
- Comentarios.

- El código de App inventor envía al archivo pitagoras.htm un dato de la forma 3:4

- El código JavaScript toma ese dato, lo escribe en la pantalla del VisorWeb.

- Se divide el dato (split) en dos partes, según están separados por los dos puntos :

catetos = datos.split(":");
cateto1 = catetos[0];
cateto2 = catetos[1];

- Se realiza la operación de Pitágoras para obtener la hipotenusa.

- Se envía la hipotenusa mediante:

window.AppInventor.setWebViewString(hipotenusa);

- Ese valor vuelve a la aplicación que lo recoge mediante la variable value en el evento WebViewStringChange y saldrá en una Etiqueta.

- En esta línea:

window.AppInventor.setWebViewString("" + hipotenusa);

- Prueba la diferencia de poner:

window.AppInventor.setWebViewString(hipotenusa);

__________________________________

 
- Mi correo:
juana1991@yahoo.com
- KIO4.COM - Política de cookies. Textos e imágenes propiedad del autor:
© Juan A. Villalpando
No se permite la copia de información ni imágenes.
Usamos cookies propias y de terceros que entre otras cosas recogen datos sobre sus hábitos de navegación y realizan análisis de uso de nuestro sitio.
Si continúa navegando consideramos que acepta su uso. Acepto    Más información