1
00:00:00,610 --> 00:00:07,380
Bueno tenemos que hacer andar estos dos botones nos vamos a valer de una propiedad que tienen los botones

2
00:00:07,710 --> 00:00:10,920
HTML que es la propiedad de un click.

3
00:00:10,920 --> 00:00:12,360
Miren voy a poner un cli

4
00:00:15,290 --> 00:00:19,130
por qué no me lo propone porque estoy discrimino Maladeta on está a un click.

5
00:00:19,130 --> 00:00:24,670
Voy a presionar Enter y ya me la completaba Tom on click entre comillas.

6
00:00:24,680 --> 00:00:32,690
Le voy a pasar el nombre de la función JavaScript que quiero que se dispare cuando alguien le haga click

7
00:00:32,810 --> 00:00:40,130
a este botón encender no la tengo creada al botón a la función bien digo entonces a ver qué nombre le

8
00:00:40,130 --> 00:00:52,010
podemos poner switch switch y esta función le vamos a pasar un valor le vamos a pasar un 1 si quiero

9
00:00:52,010 --> 00:00:56,600
que se encienda o si no le pasaremos un cero si quiero apagar.

10
00:00:56,660 --> 00:01:05,510
Entonces simplemente copio estoy acá y se lo agrego al botón de abajo switch dos dos uno dos cero está

11
00:01:06,440 --> 00:01:08,160
bien voy a grabar esto.

12
00:01:08,180 --> 00:01:15,790
La función está no existe todavía tengo que crearla entonces vengan aquí donde la podamos crear.

13
00:01:15,950 --> 00:01:21,740
Obviamente dentro de la sección a donde debo escribir el código JavaScript que es entre esta etiqueta

14
00:01:22,130 --> 00:01:27,920
y esta otra de acá a esta sí les pondremos al final de todo para encontrarlas rápido por ahora ya sabemos

15
00:01:27,920 --> 00:01:30,180
si vale la pena ponerlas arriba.

16
00:01:30,230 --> 00:01:37,550
Aquí está bien vamos a poner function que es para declarar una función se llamó switch

17
00:01:41,370 --> 00:01:47,430
tenemos un problema que nuestra función se llama switch nos pueden generar graves consecuencias qué

18
00:01:47,430 --> 00:01:52,470
bueno que haya pasado este error que cometí no estoy seguro.

19
00:01:52,470 --> 00:02:00,670
Pero switch no deja de ser un argumento en muchos lenguajes y más allá de que acá sin darme cuenta lo

20
00:02:00,670 --> 00:02:05,190
escribí mal y es por eso que no me di cuenta antes.

21
00:02:05,230 --> 00:02:12,580
Esto nos va a generar un problema no podemos usar palabras reservadas como nombres de funciones así

22
00:02:12,580 --> 00:02:15,700
que vamos a tener que elegir otra cosa.

23
00:02:15,700 --> 00:02:18,220
Ahora sí puede ser switch

24
00:02:22,330 --> 00:02:29,340
cortemos por lo sano se va a llamar Cumandá porque en definitiva le enviamos un comando a la placa esta

25
00:02:29,500 --> 00:02:38,530
comãn es lo grabó así que nuestra función acá abajo se va a llamar Comando y va a recibir un parámetro

26
00:02:38,860 --> 00:02:42,250
que va a ser el valor de este nombre.

27
00:02:42,250 --> 00:02:48,820
Yo no estoy inventando el nombre de esta variable es el 1 o el cero pero yo sé que dentro de la función

28
00:02:48,910 --> 00:02:50,590
Baloo va a contener.

29
00:02:50,590 --> 00:03:01,270
Si enviamos un 1 o un 0 entonces para ver si esto anda vamos a sacar por pantalla lo que llegue por

30
00:03:01,420 --> 00:03:03,030
Bauluz por pantalla.

31
00:03:03,040 --> 00:03:06,860
En realidad lo vamos a sacar por la consola de Google.

32
00:03:06,910 --> 00:03:09,150
Veamos cómo funciona.

33
00:03:09,310 --> 00:03:16,460
Voy a traer de nuevo el navegador lo voy a refrescar para que los cambios se computen.

34
00:03:16,570 --> 00:03:18,190
Voy a inspeccionar.

35
00:03:18,980 --> 00:03:25,460
Bueno enciendo y miren como aparece uno apago y aparece un cero perfecto.

36
00:03:25,480 --> 00:03:26,510
Eso está funcionando.

37
00:03:26,590 --> 00:03:37,270
Sigamos más adelante vamos ahora entonces cuando llegue el valor además de mostrarlo por pantalla vamos

38
00:03:37,360 --> 00:03:44,530
a enviar este valor a nuestra SP 32 bajo el tópico.

39
00:03:44,540 --> 00:03:54,550
Bueno acá tenemos que recordar a qué tópicos nos escribíamos cuando nos conectábamos nos suscribimos

40
00:03:55,640 --> 00:03:59,390
desde la SP 32 al tópico entrada.

41
00:03:59,480 --> 00:04:05,940
Pues bien entonces nosotros vamos a transmitir sobre o con el tópico.

42
00:04:05,940 --> 00:04:08,840
Entraba el valor que llega aquí.

43
00:04:08,840 --> 00:04:11,140
Esto nos va a llevar tres líneas.

44
00:04:11,210 --> 00:04:12,950
Aquí están las voy a ordenar un poco

45
00:04:15,480 --> 00:04:24,300
entonces voy a crear un mensaje con este constructor que me brinda la librería solamente que aquí en

46
00:04:24,300 --> 00:04:32,390
vez de hacer una prueba voy a mandar el valor que tenga aquí valúa.

47
00:04:32,640 --> 00:04:34,970
Así que esto es súper simple.

48
00:04:36,160 --> 00:04:49,120
Vamos luego tengo que decir o poner el tópico mediante el cual vamos a transmitir este valor.

49
00:04:49,120 --> 00:04:57,490
Por último ahora si emitimos el mensaje listo esto ya tendría que hacer que nuestro LED se encienda

50
00:04:57,610 --> 00:04:58,330
y se apague.

51
00:04:58,780 --> 00:05:08,430
Entonces vamos a tratar de ver esto al unísono ya tengo lista aquí la terminal de nuestra SP 32 y los

52
00:05:08,430 --> 00:05:11,420
botones prestos a ser apretados.

53
00:05:11,430 --> 00:05:17,160
Pero antes de hacerle click voy a actualizar esto para asegurarme de que el nuevo Código está cargado

54
00:05:17,670 --> 00:05:26,190
en la web y voy a hacer clic en apagar encender y no está pasando nada no llega nada en la consola y

55
00:05:26,190 --> 00:05:29,730
yo acá veo que el LED no se enciende.

56
00:05:29,770 --> 00:05:36,210
Bueno cuando nos pase algo así lo primero que tenemos que hacer es ir a inspeccionar porque acá seguro

57
00:05:36,210 --> 00:05:38,260
que algo hemos errado.

58
00:05:38,280 --> 00:05:45,860
Miren estos mensajes rojos no me gustan nada me dicen algo de 1 y 0 que no es un argumento a ver.

59
00:05:45,860 --> 00:05:51,620
Efectivamente cada vez que presiona el botón salta este error vamos a repasar el código y estudiemos

60
00:05:51,620 --> 00:05:53,790
a ver qué pasa.

61
00:05:54,200 --> 00:05:56,090
Voy a cerrar acá esta terminal

62
00:05:59,070 --> 00:06:09,350
a ver a ver qué pasa aquí Mirá cuando hacemos click estamos llamando a la función comãn y le estamos

63
00:06:09,350 --> 00:06:19,990
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.

64
00:06:20,030 --> 00:06:22,110
Esto es lo que tendríamos que haber hecho.

65
00:06:22,190 --> 00:06:30,650
Este es el error que lo podamos corregir así porque qué sucede el valor que estamos pasando crudos sin

66
00:06:30,740 --> 00:06:38,150
ningún procesamiento se está haciendo como un entero y el constructor espera un carácter o una string

67
00:06:38,600 --> 00:06:45,320
así que lo propio sería como les mostré acá pasarlo como string o si no lo podríamos arreglar de otra

68
00:06:45,320 --> 00:06:53,700
manera acá abajo supongamos que lo queremos dejar así lo que podamos hacer aquí es sumarle o concatenar

69
00:06:53,770 --> 00:07:01,100
de un extremo vacío y esto va a hacer que todo se transforme en cualquiera de los dos métodos tendría

70
00:07:01,100 --> 00:07:08,310
que funcionar me vuelvo entonces ahora sí esperando tener todo en orden.

71
00:07:08,360 --> 00:07:16,610
Voy a refrescar esto voy a abrir acá la consola la terminal para poder ver lo que les llega a Arduino

72
00:07:17,240 --> 00:07:26,350
y bueno por un lado vemos cómo cada vez que emite la SP 32 miren.

73
00:07:26,540 --> 00:07:33,230
Qué rápido se actualizan los valores ahí estoy emparejando miren son décimas de segundo lo que demora

74
00:07:33,920 --> 00:07:42,290
entre salir el mensaje cruzar el océano llegar a Europa y volver hasta la pantalla que tengo acá en

75
00:07:42,290 --> 00:07:45,610
mi ordenador visto esto.

76
00:07:45,650 --> 00:07:55,820
Veamos lo que sucede cuando presioné encender vamos a esta Leven encendido apagar ledes apagado bueno

77
00:07:55,880 --> 00:08:03,240
y como pueden observar el LED se enciende y se apaga sin ningún problema.

78
00:08:04,980 --> 00:08:14,070
Muy contento por lo que hemos logrado con esta aplicación web y que seguramente ustedes le aportarán

79
00:08:14,220 --> 00:08:17,370
un montón de ideas y mejoras.