1 00:00:00,330 --> 00:00:05,340 En este video veremos los números en jabas que son muy utilizados también si estás haciendo un carrito 2 00:00:05,340 --> 00:00:11,910 de compras Quieres saber por ejemplo cuánto el usuario lleva gastado cuánto es su SUV total y lo quieres 3 00:00:11,910 --> 00:00:16,190 hacer con JavaScript para que sea un poco más interactiva la aplicación. 4 00:00:17,040 --> 00:00:22,890 Entonces vamos a poner números en JavaScript vimos anteriormente que si pones por ejemplo el nombre 5 00:00:24,180 --> 00:00:30,510 tienes que ponerle a una cadena de texto comillas de esta forma un número no un número nada más pones 6 00:00:30,510 --> 00:00:39,710 el número para poner el número uno por ejemplo y lo hará el 30 y lo voy a dar con log al número. 7 00:00:39,780 --> 00:00:45,340 El número es número 1 número 1 guardo cambios y vemos que dice XXX. 8 00:00:45,390 --> 00:00:50,110 Si por ejemplo creas un Conce bueno voy a poner el que más comas pero nuestro escribiéndolo tantas veces. 9 00:00:50,130 --> 00:00:56,830 Número 2 igual a 20 entrecomillas y lo mandas a la consola 10 00:01:00,170 --> 00:01:04,550 notarás que uno viene en color azul porque este lo detecta como un entero como un número o mejor dicho 11 00:01:05,020 --> 00:01:07,830 y el siguiente es un 20 pero está entre comillas. 12 00:01:07,850 --> 00:01:13,980 Por lo tanto lo ponen azul porque lo detecta como un string de crear otros números más para hacer algunas 13 00:01:13,980 --> 00:01:23,300 operaciones y mostrarte un poco más sobre números digamos 20.20 X Koma también el número 4 digamos que 14 00:01:23,300 --> 00:01:32,180 ponemos al menos 3 con eso creo que es suficiente puedes ver que aunque creo en números enteros o creo 15 00:01:32,180 --> 00:01:35,240 números flotantes no tengo que declarar nada más. 16 00:01:35,240 --> 00:01:41,870 Como mencionamos anteriormente JavaScript almacena el valor de la variable en el mejor de hecho el tipo 17 00:01:41,870 --> 00:01:48,010 de dato en el valor de la variable voy a poner aquí un resultado 18 00:01:50,760 --> 00:01:53,250 y voy a enviar ese resultado a la consola. 19 00:01:53,250 --> 00:01:58,470 Resultado JavaScript al ser un lenguaje de programación puede realizar muchas operaciones por ejemplo 20 00:01:59,160 --> 00:02:01,320 sumas digamos que vas a poner. 21 00:02:01,480 --> 00:02:02,880 Crear una variable más 22 00:02:05,590 --> 00:02:06,120 20 23 00:02:08,930 --> 00:02:16,370 número 5 sería este entonces digamos que voy a sumar mi primer resultado igual al número uno más el 24 00:02:16,370 --> 00:02:17,900 número 5. 25 00:02:18,020 --> 00:02:23,600 Este signo más anteriormente lo vimos para concatenar strings pero como detecta que estos son números 26 00:02:24,130 --> 00:02:33,460 va a realizar la suma del copones 50 la resta es igual que como la conocemos digamos que pones este 27 00:02:33,690 --> 00:02:41,210 lugar a tener más le pones nada más un signo de menos yo solo ponerlo en 10 multiplicar también es posible 28 00:02:42,670 --> 00:02:55,460 multiplicar en lugar del signo de más pues nada más es un asterisco y 20 por 30 son 600 y dividir es 29 00:02:55,780 --> 00:03:03,010 entre la Diagonal y puedes ver que es 1.5 entonces así puede realizar operaciones básicas en JavaScript 30 00:03:04,310 --> 00:03:11,960 ahora puedes ver que tengo 1 y 2 esté como esté y esté como cadena si por ejemplo aquí le pones número 31 00:03:12,140 --> 00:03:17,940 a eliminar todo esto puedes guardar el código ambos funciona porque ambos son números pero si por ejemplo 32 00:03:17,940 --> 00:03:22,290 aquí le pones número 1 más número 2 te marca 30 y 20. 33 00:03:22,320 --> 00:03:29,060 Esto pasa porque toma lo concatena no deja de esta forma xxxxxx puedes ver que es un estreno en color 34 00:03:29,060 --> 00:03:32,970 negro pero si le pones el negativo lo va a tomar bien. 35 00:03:32,980 --> 00:03:39,970 Por qué no de la otra forma como detecta que esta es una Streeck y el otro es un número los mezcla por 36 00:03:39,970 --> 00:03:48,870 así decirlo pero como este no es una Streeck pero el número negativo no es de concatenar es de restã 37 00:03:48,880 --> 00:03:54,560 siempre en JavaScript lo que hace la conversión a números y 30 menos 20 igual a 10 entonces eso causa 38 00:03:54,560 --> 00:04:03,240 mucha confusión a veces más adelante veremos como tomar un número y convertirlo o string convertirlo 39 00:04:03,830 --> 00:04:08,250 a lo que viene siendo un número para realizar operaciones y no tener resultados como éste que ese 30 40 00:04:08,250 --> 00:04:17,020 20 no tener problemas de que lo concatena regresa un poco más mi código ya hay otras formas hay más 41 00:04:17,020 --> 00:04:25,270 funciones existe una clase que tiene todos los métodos para hacer cálculos en JavaScript se le conoce 42 00:04:25,270 --> 00:04:35,140 como Mat mat y veamos un ejemplo tenemos Mac y luego Radwan por ejemplo Rava nos va a redondear un número 43 00:04:35,140 --> 00:04:42,640 entonces una RAM y pone 2.5 y lo redondearse a 3 y si le pones 2.4 lo va a redondear hacia abajo. 44 00:04:42,640 --> 00:04:46,430 Ahora para tener más control sobre esto puedes utilizar Flor y sigo. 45 00:04:46,510 --> 00:04:56,460 Entonces resultado igual a Mac punto Flor y le ponemos 2.5 nuevamente y Flor lo que hace es que lo pone 46 00:04:56,520 --> 00:05:06,300 hacia abajo aunque le pongas 2.99 lo va a poner hacia abajo y si el Shail esto forma lo va a redondear 47 00:05:06,300 --> 00:05:13,410 hacia arriba entonces 2.99 hacia arriba y aunque sea 2.0 0 1 lo va a redondear hacia arriba entonces 48 00:05:14,240 --> 00:05:21,200 Flori te dan un poco más de control en esa parte Raúl lo va a hacer de la forma en que está en que esté 49 00:05:21,210 --> 00:05:25,550 programada ese método en la clase raíz cuadrada. 50 00:05:25,550 --> 00:05:31,160 También es posible no tiene la verdad nunca he usado una raíz cuadrada en un programa de basket pero 51 00:05:31,160 --> 00:05:32,810 quiero mostrarte. 52 00:05:33,410 --> 00:05:42,330 Matt RTC Square Root Raíz Cuadrada 144 y ponen 12 el valor absoluto. 53 00:05:42,330 --> 00:05:49,550 Digamos que también hay que ponerlo Mac punto a Bs y si le pasas por ejemplo aquí tenemos ya un número 54 00:05:49,550 --> 00:05:53,720 negativo que es el número 4 absoluto. 55 00:05:53,840 --> 00:06:01,070 Eso es lo que hace lo convierte en negativo y al valor absoluto quitándole el negativo. 56 00:06:02,310 --> 00:06:13,520 También hay para la potencia Matt Paw digamos 8 a la potencia de 3 8 por 8 y luego nuevamente por 8 57 00:06:14,000 --> 00:06:26,230 512 y digamos que tienes también una serie de números Matt junto con Matt .1.000 y tienes una serie 58 00:06:26,230 --> 00:06:41,040 de números 10 2 3 4 60 5 te va a decir cuál es el número más pequeño de todos estos aquí es mil mínimo 59 00:06:41,510 --> 00:06:50,060 y te va a decir el mínimo de todos estos números es el 2o en la misma forma y un Max Max yo te voy a 60 00:06:50,060 --> 00:06:51,440 decir cuál es el número máximo. 61 00:06:51,440 --> 00:06:53,660 En este caso es el 60. 62 00:06:53,660 --> 00:06:58,820 Y todo esto funciona también para hacer operaciones digamos que tienes un resultado va a ser igual a 63 00:06:58,820 --> 00:07:03,040 20 más 30 más o por dos. 64 00:07:03,260 --> 00:07:05,770 Si guardas cambio este es al 80 por qué. 65 00:07:05,780 --> 00:07:11,690 Porque multiplica primero estos y luego realiza la suma 30 por 2 igual a 60 +20 80 igual que en las 66 00:07:11,690 --> 00:07:17,310 matemáticas de la escuela pero digamos que quieres que esta se realice primero no puedes poner igual 67 00:07:17,420 --> 00:07:25,230 que en la escuela parentesis y realiza esta operación primero 20 mas 30 igual a 50 por 2 igual a 100. 68 00:07:25,890 --> 00:07:31,500 Entonces también de esta forma puedes controlar un poco más esa parte y finalmente vamos a ver los incrementos 69 00:07:31,500 --> 00:07:32,640 o decremento. 70 00:07:33,310 --> 00:07:36,990 Suponerlo aquí resultado igual a 71 00:07:40,160 --> 00:07:43,080 creo que mejor eliminamos todo esto. 72 00:07:43,330 --> 00:07:47,770 Recomiendo nuevamente que guardes los códigos eliminar todo esto. 73 00:07:47,780 --> 00:07:52,590 Digamos que tenemos un puntaje igual a cero. 74 00:07:52,800 --> 00:07:58,910 Estás haciendo un juego y tienes un puntaje de cero inicias con ese valor y creo que esto es mejor hacerlo 75 00:07:58,910 --> 00:08:03,030 en la consola porque nos va a dar un poco más de cómo funciona. 76 00:08:03,090 --> 00:08:05,980 Entonces qué oponerle. 77 00:08:08,610 --> 00:08:10,310 Puntaje igual a cero. 78 00:08:10,310 --> 00:08:19,590 Y si pongo aquí puntaje 0 existen incrementos de uno en uno no puedes poner así como puntaje más más 79 00:08:21,030 --> 00:08:25,950 y puedes ver que te dice 0 pero una vez que vuelvo a darle puntaje te parece 1 uno lo más grande para 80 00:08:25,950 --> 00:08:31,670 que sea más fácil de ver lo que es la consola y esto pasa porque le das puntaje más más entonces imprime 81 00:08:31,690 --> 00:08:39,570 puntaje cero y después le incrementa 1 y la siguiente vez que lo escribe sale uno. 82 00:08:39,570 --> 00:08:43,030 Si quieres tenerlo más en vivo le puedes poner más más puntaje. 83 00:08:43,270 --> 00:08:49,890 De esa forma lo va a incrementar y luego lo va a imprimir ahora más más siempre verde incrementos en 84 00:08:49,890 --> 00:08:57,700 1 podrías ponerle algo así como puntaje más igual a puntaje +5 85 00:09:01,000 --> 00:09:04,500 aquí sería igual a puntaje +5 y eso incrementaría en 5. 86 00:09:04,520 --> 00:09:10,960 Pero hay otra forma de hacerlo podrías eliminar todo esto y ponerle a quien más igual. 87 00:09:10,960 --> 00:09:13,850 5 y ya no tienes que volver a reescribir. 88 00:09:13,870 --> 00:09:20,020 Este se encarga de que no tengas que escribir el valor actual nuevamente ya lo toma y el incremento 89 00:09:20,020 --> 00:09:26,690 de 5 entonces digamos que quieres incrementar a los 12 le quieres incrementar 3 en lugar de escribir 90 00:09:26,690 --> 00:09:35,210 puntaje que ya tienen los 12 esté más igual toma los 12 que ya tienes y suma otros 3 o como vimos anteriormente 91 00:09:35,210 --> 00:09:41,900 si quieres ir de uno en uno pues nada más pones puntaje más más puntaje y va a ir de uno en uno. 92 00:09:41,930 --> 00:09:47,390 Tal vez estás haciendo un videojuego en algunos casos algunos te van a dar un punto otros te van a dar 93 00:09:47,390 --> 00:09:53,670 5 entonces así es como más o menos funciona un juego de la misma forma que tienes más más para incrementos 94 00:09:53,670 --> 00:10:00,360 tienes para decremento puntaje menos menos arrestarlos entonces me parece que el puntaje te pone un 95 00:10:00,360 --> 00:10:07,280 15 pero si le pones menos menos puntaje te da el valor un poco más en vivo funciona igual básicamente 96 00:10:07,290 --> 00:10:09,200 aquí te imprime puntaje y luego lo resta. 97 00:10:09,260 --> 00:10:16,350 Por eso quedan 16 y la próxima vez que vuelves a ejecutar puntaje y 15 cuando lo pones como menos menos 98 00:10:16,350 --> 00:10:18,920 puntaje primero le resta y luego lo imprime. 99 00:10:18,930 --> 00:10:23,830 Por eso funciona así de la misma forma que tienes puntaje más igual. 100 00:10:23,830 --> 00:10:27,370 5 Puedes ponerle puntaje menos igual. 101 00:10:27,420 --> 00:10:34,760 5. Y eso va a tomar los 14 que ya está y les va a restar cinco y en primer 9 puedes ver que funciona 102 00:10:34,760 --> 00:10:38,980 correctamente y voy a limpiar aquí la consola en este signo donde las limpias. 103 00:10:39,020 --> 00:10:44,780 Si estás creando un carrito de compras tienes LED carrito empieza en cero y digamos que pones carrito 104 00:10:44,780 --> 00:10:53,660 más igual a 20 comienza a sumar y luego agregas otro producto más igual a 30 llevan 50 carrito más igual 105 00:10:53,690 --> 00:11:00,890 100 y ya lleva 150 entonces por eso es útil este más igual para que vaya incrementando sobre el valor 106 00:11:00,890 --> 00:11:06,520 que ya tienes y eso es lo que usualmente vas a encontrar en un carrito de compras. 107 00:11:07,550 --> 00:11:11,420 Hemos visto estrellas y hemos visto lo que vienen siendo los números. 108 00:11:11,420 --> 00:11:13,880 Vamos a ver los tipos de datos en JavaScript. 109 00:11:13,970 --> 00:11:19,340 Antes de continuar introduciendo más temas veamos cómo funcionan los tipos de datos en JavaScript.