Bueno tenemos que hacer andar estos dos botones nos vamos a valer de una propiedad que tienen los botones
HTML que es la propiedad de un click.
Miren voy a poner un cli
por qué no me lo propone porque estoy discrimino Maladeta on está a un click.
Voy a presionar Enter y ya me la completaba Tom on click entre comillas.
Le voy a pasar el nombre de la función JavaScript que quiero que se dispare cuando alguien le haga click
a este botón encender no la tengo creada al botón a la función bien digo entonces a ver qué nombre le
podemos poner switch switch y esta función le vamos a pasar un valor le vamos a pasar un 1 si quiero
que se encienda o si no le pasaremos un cero si quiero apagar.
Entonces simplemente copio estoy acá y se lo agrego al botón de abajo switch dos dos uno dos cero está
bien voy a grabar esto.
La función está no existe todavía tengo que crearla entonces vengan aquí donde la podamos crear.
Obviamente dentro de la sección a donde debo escribir el código JavaScript que es entre esta etiqueta
y esta otra de acá a esta sí les pondremos al final de todo para encontrarlas rápido por ahora ya sabemos
si vale la pena ponerlas arriba.
Aquí está bien vamos a poner function que es para declarar una función se llamó switch
tenemos un problema que nuestra función se llama switch nos pueden generar graves consecuencias qué
bueno que haya pasado este error que cometí no estoy seguro.
Pero switch no deja de ser un argumento en muchos lenguajes y más allá de que acá sin darme cuenta lo
escribí mal y es por eso que no me di cuenta antes.
Esto nos va a generar un problema no podemos usar palabras reservadas como nombres de funciones así
que vamos a tener que elegir otra cosa.
Ahora sí puede ser switch
cortemos por lo sano se va a llamar Cumandá porque en definitiva le enviamos un comando a la placa esta
comãn es lo grabó así que nuestra función acá abajo se va a llamar Comando y va a recibir un parámetro
que va a ser el valor de este nombre.
Yo no estoy inventando el nombre de esta variable es el 1 o el cero pero yo sé que dentro de la función
Baloo va a contener.
Si enviamos un 1 o un 0 entonces para ver si esto anda vamos a sacar por pantalla lo que llegue por
Bauluz por pantalla.
En realidad lo vamos a sacar por la consola de Google.
Veamos cómo funciona.
Voy a traer de nuevo el navegador lo voy a refrescar para que los cambios se computen.
Voy a inspeccionar.
Bueno enciendo y miren como aparece uno apago y aparece un cero perfecto.
Eso está funcionando.
Sigamos más adelante vamos ahora entonces cuando llegue el valor además de mostrarlo por pantalla vamos
a enviar este valor a nuestra SP 32 bajo el tópico.
Bueno acá tenemos que recordar a qué tópicos nos escribíamos cuando nos conectábamos nos suscribimos
desde la SP 32 al tópico entrada.
Pues bien entonces nosotros vamos a transmitir sobre o con el tópico.
Entraba el valor que llega aquí.
Esto nos va a llevar tres líneas.
Aquí están las voy a ordenar un poco
entonces voy a crear un mensaje con este constructor que me brinda la librería solamente que aquí en
vez de hacer una prueba voy a mandar el valor que tenga aquí valúa.
Así que esto es súper simple.
Vamos luego tengo que decir o poner el tópico mediante el cual vamos a transmitir este valor.
Por último ahora si emitimos el mensaje listo esto ya tendría que hacer que nuestro LED se encienda
y se apague.
Entonces vamos a tratar de ver esto al unísono ya tengo lista aquí la terminal de nuestra SP 32 y los
botones prestos a ser apretados.
Pero antes de hacerle click voy a actualizar esto para asegurarme de que el nuevo Código está cargado
en la web y voy a hacer clic en apagar encender y no está pasando nada no llega nada en la consola y
yo acá veo que el LED no se enciende.
Bueno cuando nos pase algo así lo primero que tenemos que hacer es ir a inspeccionar porque acá seguro
que algo hemos errado.
Miren estos mensajes rojos no me gustan nada me dicen algo de 1 y 0 que no es un argumento a ver.
Efectivamente cada vez que presiona el botón salta este error vamos a repasar el código y estudiemos
a ver qué pasa.
Voy a cerrar acá esta terminal
a ver a ver qué pasa aquí Mirá cuando hacemos click estamos llamando a la función comãn y le estamos
pasando un número el número uno y el número cero que no es lo mismo que pasarle el 1 o el cero.
Esto es lo que tendríamos que haber hecho.
Este es el error que lo podamos corregir así porque qué sucede el valor que estamos pasando crudos sin
ningún procesamiento se está haciendo como un entero y el constructor espera un carácter o una string
así que lo propio sería como les mostré acá pasarlo como string o si no lo podríamos arreglar de otra
manera acá abajo supongamos que lo queremos dejar así lo que podamos hacer aquí es sumarle o concatenar
de un extremo vacío y esto va a hacer que todo se transforme en cualquiera de los dos métodos tendría
que funcionar me vuelvo entonces ahora sí esperando tener todo en orden.
Voy a refrescar esto voy a abrir acá la consola la terminal para poder ver lo que les llega a Arduino
y bueno por un lado vemos cómo cada vez que emite la SP 32 miren.
Qué rápido se actualizan los valores ahí estoy emparejando miren son décimas de segundo lo que demora
entre salir el mensaje cruzar el océano llegar a Europa y volver hasta la pantalla que tengo acá en
mi ordenador visto esto.
Veamos lo que sucede cuando presioné encender vamos a esta Leven encendido apagar ledes apagado bueno
y como pueden observar el LED se enciende y se apaga sin ningún problema.
Muy contento por lo que hemos logrado con esta aplicación web y que seguramente ustedes le aportarán
un montón de ideas y mejoras.