** Ejercicios de JavaScript

  1. Probando la sentencia "getElementById" - Ver ejemplo.

  2. Probando nombres de variables - Ver ejemplo.

  3. Introducción de datos por parte del usuario mediante prompt - Ver ejemplo.

  4. Recepción de datos con prompt y devolución del mismo con una foto en el document...write - Ver ejemplo.

  5. Alternando positivamente codigo Html y JavaScript gracias al entrecomillado - Ver ejemplo.

  6. Creación y muestre de vectores - Ver ejemplo.

  7. Creando objetos de arrays - Ver ejemplo.

  8. Recorriendo un vector con un bucle for - Ver ejemplo.

  9. Valores booleanos - Ver ejemplo.

  10. Operadores lógicos: (Negación) Explicado en el código interno - Ver ejemplo.

  11. Otro ejercicio de negación OR - Ver ejemplo.

  12. Operador AND (Explicado +en el código interno) - Ver ejemplo.

  13. Operador OR (Explicado +en el código interno de la página) - Ver ejemplo.

  14. Operaciones matemáticas - Ver ejemplo.

  15. Otro ejercicio con operandos (+Explicación dentro de la pág)- Ver ejemplo.

  16. Calculando horas - Ver ejemplo.

  17. Haciendo un ejercicio (Amarathon) - Ver ejemplo.

  18. Operadores relacionales - Ver ejemplo.

  19. Operaciones con literales entrecomillados - Ver ejemplo.

  20. Practicando el operador Ternario Saludando con y sin confianza - Ver ejemplo.

  21. Operador ternario anidado saludando - Ver ejemplo.

  22. Operador ternario cortocircuitado Saludando a Jose - Ver ejemplo.

  23. Operador ternario OR saludando a José con confianza - Ver ejemplo.

  24. Sacamos el mayor de tres números con dos estructuras ternarias - Ver ejemplo.

  25. Sumo y muestro resultado respondiéndo con una imagen u otra dependiento si está bien o no (Ternario) - Ver ejemplo.

  26. Saco número aleatorio del 1 al 10 con la función Random - Ver ejemplo.

  27. Adivinando un númerico con random y un ternario - Ver ejemplo.

  28. Estructuras de control (Bucle IF) Saludando - Ver ejemplo.

  29. Números pares con If - Ver ejemplo.

  30. El tiempo con estructuras de control If - Ver ejemplo.

  31. Rangos de edades con IF - Ver ejemplo.

  32. Bucle Elfe-if anidado con rango de edades - Ver ejemplo.

  33. Números pares con Else-If - Ver ejemplo.

  34. Ejercicio de notas academicas con un Else-if anidado- Ver ejemplo.

  35. Ejercicio que averigua cual es el mayor de tres números con Else-ifs anidados - Ver ejemplo.

  36. Par y Multiplos de 5 con Else-If - Ver ejemplo.

  37. Averiguo el mínimo y máximo de tres números introducidos con Else-ifs - Ver ejemplo.

  38. Cálculo de la letra del DNI con Else-Ifs - Ver ejemplo.

  39. Uso del confirm para resólver una suma con IF's y resulta con un ternario - Ver ejemplo.

  40. Sacaremos que día es hoy con un switch - Ver ejemplo.

  41. Practicando un switch con default (Días de la semana) - Ver ejemplo.

  42. Suma con decimales utilizando el parseFloat - Ver ejemplo.

  43. Calculando notas de cualificaciones con un switch dentro de un IF - Ver ejemplo.

  44. Saber cuántos días tiene un mes de un determinado año pasado con switch - Ver ejemplo.

  45. Igual que el anterior pero metiéndo palabras en el switch para determinar el mes - Ver ejemplo.

  46. Calculadora con switch - Ver ejemplo.

  47. Bucle While haciendo el tonto que incrementa puntos en el alert - Ver ejemplo.

  48. Bucle While comiendo donuts - Ver ejemplo.

  49. Bucle While con números enteros - Ver ejemplo.

  50. Bucle While con tablas de multiplicar - Ver ejemplo.

  51. Bucle While multiplicando según el número que nos diga el usuario - Ver ejemplo.

  52. Bucle While multiplicando dentro de una tabla - Ver ejemplo.

  53. Suma de los 100 primeros números y los que me meta con un bucle while - Ver ejemplo.

  54. Pintando asteriscos con un while - Ver ejemplo.

  55. Pintando asteriscos al cuadrado con un while - Ver ejemplo.

  56. Pintando asteriscos en bloque con un bucle while - Ver ejemplo.

      57. - Alternativa a los asteriscos en bloque con dos whiles uno detrás del otro - Ver ejemplo.

  57. Asteriscos y arrobas en bloque con while - Ver ejemplo.

  58. Números pares del 1 al 100 con while - Ver ejemplo.

  59. Pares del 1 al 100 entre un rango con while - Ver ejemplo.

  60. Listar los 100 primeros pares con while - Ver ejemplo.

  61. Metiéndo contaseñas con while - Ver ejemplo.

  62. Adivina un número del 1 al 10 con Random y while - Ver ejemplo.

  63. Multiplicación rusa con while - Ver ejemplo.

  64. Adivina un número del 1 al 100 con pistas y Random-while - Ver ejemplo.

  65. Buscando el número perfecto con while - Ver ejemplo.

  66. Haremos el factorial de un número con While - Ver ejemplo.

  67. Averiguar si un número es primo con while - Ver ejemplo.

      68. - Alternativa utilizando una variable flag- Ver ejemplo.

  68. Mostraremos el contenido de un vector con while - Ver ejemplo.

  69. Tablas de multiplicar con dos bucles while anidados - Ver ejemplo.

  70. Asteriscos en bloque con dos while anidados - Ver ejemplo.

  71. Asteriscos especiales con dos while anidados - Ver ejemplo.

  72. Mostrando los 100 primeros números primos con while anidados - Ver ejemplo.

  73. Ejercicio que muestra cuántos sietes hay en el vector - Ver ejemplo.

  74. Encontrar la posición del vector siete - Ver ejemplo.

      75. - Alternativa utilizando un booleano - Ver ejemplo.


  75. Sacamos el elemento mayor del vector - Ver ejemplo.

  76. Sacamos el elemento y la posición mayor de un vector - Ver ejemplo.

  77. Busco el máximo y mínimo de un vector para intercambiarlos - Ver ejemplo.

      78. - Alternativa con una variable auxiliar - Ver ejemplo.


  78. Desplazando todo el vector una posición (de derecha a izquierda) - Ver ejemplo.

      79. - Moviendo el vector de (de izquierda a derecha) - Ver ejemplo.


  79. Aprendiendo el bucle for - Ver ejemplo.

  80. Factorial de un número con un bucle for - Ver ejemplo.

  81. Vector capicua - Ver ejemplo.

  82. Insertando contenido al final del vector con push - Ver ejemplo.

  83. Búsqueda con centinela (insertando un valor al final) - Ver ejemplo.

  84. Busqueda binaria en un vector ordenado - Ver ejemplo.

  85. Identificar una secuencia repetida de 5 elementos y decir desde dónde a dónde se encuentra - Ver ejemplo.

  86. Añadir un elemento dentro de un vector - Ver ejemplo.

  87. Pedir 10 números e introducirlos en un vector ordenadamente - Ver ejemplo.

  88. Mostrando información con un bucle for - Ver ejemplo.

  89. Bucle Do-wile (que se ejecutará al menos una vez) - Ver ejemplo.

  90. Pequeño menú con "do-while" - Ver ejemplo.

  91. Cargando un vector asociativo - Ver ejemplo.

  92. Vectores asociativos realizando un diccionario- Ver ejemplo.

  93. Vectores asociativos cantando una canción infantil - Ver ejemplo.

  94. Cargando y mostrando un vector - Ver ejemplo.

  95. Sumando la diagonal principal de una matriz - Ver ejemplo.

  96. Sumar la diagonal secundaría de una matriz - Ver ejemplo.

  97. La función mensaje.length que devuelve el número de carácteres de una cadena - Ver ejemplo.

  98. Función concat para concatenar variables - Ver ejemplo.

  99. Funciones toLowerCase y toUpperCase para mayúsculas y mínusculas - Ver ejemplo.

  100. Obtendremos el carácter que se encuentra en una posición indicada con charAt- Ver ejemplo.

  101. La primera palabra en negrita utilizando charAt - Ver ejemplo.

  102. Lo mismo que lo anterior pero SIN charAt (utilizando vectores) - Ver ejemplo.

  103. Probando la función indexOf - Ver ejemplo.

  104. Mejora del ejercicio 73 buscando sietes (aquí 4) - Ver ejemplo.

  105. Mostrando trocicos del vector con substring - Ver ejemplo.

  106. Otro ejemplico del uso de indexOf y substring - Ver ejemplo.

  107. Más usos de indexOf y substring - Ver ejemplo.

  108. Uso del replace - Ver ejemplo.

  109. Otro ejemplo con replace - Ver ejemplo.

  110. Utilizando la expresión or (|) dentro del replace - Ver ejemplo.

  111. Juntando los elementos del vector con Join - Ver ejemplo.

  112. Sacando el último elemento del vector con Pop - Ver ejemplo.

  113. La función push que nos pone al final un elemento - Ver ejemplo.

  114. Añadimos un elemento en la primera posición del vector con shift - Ver ejemplo.

  115. Desplazando el vector con shift - Ver ejemplo.

  116. Añadimos un valor al principio del vector con unshift - Ver ejemplo.

  117. Con "unShift" desplazamos el vector hacía la derecha - Ver ejemplo.

  118. Con reverse damos la vuelta al vector - Ver ejemplo.

  119. Ordenamos de menor a mayor con sort - Ver ejemplo.

  120. Ejercicio de parentesís en un vector - Ver ejemplo.

  121. Buscado seises con indexOf - Ver ejemplo.

  122. Ejercicio con la función isNaN - Ver ejemplo.

  123. Función toFixed - Ver ejemplo.

  124. Creando funciones - Ver ejemplo.

  125. Mi primera función - Ver ejemplo.

  126. Creando una función par-impar - Ver ejemplo.

  127. Otro ejemplo par-impar - Ver ejemplo.

  128. Implementan la multiplicación rusa en una función - Ver ejemplo.

  129. Sacando un mensaje de prueba probando variables globales - Ver ejemplo.

  130. Probando más mensajes y variables globales - Ver ejemplo.

  131. Saliendo del bucle con break - Ver ejemplo.

  132. Probando el continue - Ver ejemplo.

  133. Jugando con el DOM y el getElementBy - Ver ejemplo.

  134. Cambiando texto con getElementByTagName - Ver ejemplo.

  135. Contando inputs con getElementByTagName - Ver ejemplo.

  136. Contando inputs con getElementBy - Ver ejemplo.

  137. Oteniendo referencias con getElementsByName() - Ver ejemplo.

  138. Cambiando el HTML haciendo referencias con getElementById() - Ver ejemplo.

  139. Jugando a cambiar colores de links gracias a getElementById y getElementsByTagName - Ver ejemplo.

  140. Probando el QuerySelector que afecta a los CSS - Ver ejemplo.

  141. Más QuerySelectorS para utilizar selectores CSS - Ver ejemplo.

  142. Otro ejemplico con querySelector - Ver ejemplo.

  143. Más QuerySelectorS con colores - Ver ejemplo.

  144. Creando Nodo - Ver ejemplo.

  145. Creando un elemento en un div que ya existe - Ver ejemplo.

  146. Eliminar un nodo - Ver ejemplo.

  147. Creando botones dinamicamente - Ver ejemplo.

  148. Creando un botón dinamicamente con un incremento dentro - Ver ejemplo.

  149. Creando un botón con funcionalidad dinamicamente - Ver ejemplo.

  150. Creando un botón con funcionalidad llamando a una función que está fuera del botón - Ver ejemplo.

  151. Creando botones que crean botones - Ver ejemplo.

  152. Añadiendo escuchadores de eventos con addEventListener - Ver ejemplo.

  153. Remplazar hijos con replaceChild - Ver ejemplo.

  154. Hola mundo con getElmentByTagName - Ver ejemplo.

  155. Otro ejemplico con getElmentByTagName - Ver ejemplo.

  156. Accediendo a los atributos con getElementById - Ver ejemplo.

  157. Cambiando enlaces del botón con getElementById - Ver ejemplo.

  158. Cambiando el enlace del botón pero con replaceChild - Ver ejemplo.

  159. Cambiando el enlace del botón dpero con un input de button - Ver ejemplo.

  160. Acceder a las propiedades CSS - Ver ejemplo.

  161. Cambiando propiedades de un texto con getElementById - Ver ejemplo.

  162. Creando una variable para acceder a los estilos (Lo mismo que el anterior pero más optimizado) - Ver ejemplo.

  163. Estilillos y esas cosas - Ver ejemplo.

  164. Cargando imagen - Ver ejemplo.

  165. Eliminar atributos - Ver ejemplo.

  166. Botón que muestra mi atributo - Ver ejemplo.

  167. Probando el even - Ver ejemplo.

  168. Haciendo cosicas rarunas cargando un script externo bajo demanda - Ver ejemplo.

  169. Cargando un script bajo demanda pero con createTextNode - Ver ejemplo.

  170. Ejemplos tipos de los "leer más" - Ver ejemplo.

  171. Accediendo solamente al texto con textContent - Ver ejemplo.

  172. Funciones anónimas - Ver ejemplo.

  173. Creanto eventos - Ver ejemplo.

  174. Variable this que hace referencia al tipo elemento - Ver ejemplo.

  175. Otro ejemplico con la variable this - Ver ejemplo.

  176. Manejadores semánticos sacando un hola al pulsar - Ver ejemplo.

  177. Otro ejemplillo con manejadores semánticos - Ver ejemplo.

  178. Creando una variable-función - Ver ejemplo.

  179. Calculadora que emula el jquery - Ver ejemplo.

  180. Conversor de pesetas a euros y al revés - Ver ejemplo.

  181. Utilizando el onkeypress que desactiva funcionalidades - Ver ejemplo.

  182. Mostrar y ocultar textocon manejadores semánticos y ¡split! - Ver ejemplo.

  183. Accediendo a manejadores semánticos utilizando eventos - Ver ejemplo.

  184. Eventos de ratón(coordenadas) - Ver ejemplo.

  185. Radio buttons chequeados o no - Ver ejemplo.

  186. Conversor de euros modernizado - Ver ejemplo.

  187. Trabajando con el Select - Ver ejemplo.

  188. Abrir una ventana externa con window.open - Ver ejemplo.

  189. Abrir una ventana externa con el atributo location - Ver ejemplo.

  190. Probando diferentes inputs deformulario - Ver ejemplo.

  191. Validando formularios - Ver ejemplo.

  192. Cancelanco la opción por defecto con preventDefault - Ver ejemplo.

  193. Mostrando un bonito div con setTimeout - Ver ejemplo.

  194. Relojico pero con SetInterval - Ver ejemplo.

  195. Deteniendo un temporizador con ClearIntervaly arrancandolo - Ver ejemplo.

  196. Reloj digital con imagenes - Ver ejemplo.

  197. Crónometro con imagenes - Ver ejemplo.

  198. Arrays asociativos - Ver ejemplo.

  199. Creando objetos - Ver ejemplo.

  200. Métodos de un objeto (Metiendo una función en un atribujo del objeto) - Ver ejemplo.

  201. Metiendo código de una función en una variable - Ver ejemplo.

  202. Mi coche en moviento - Ver ejemplo.

  203. Creo y muestro un Array asociativo con Json - Ver ejemplo.

  204. Usando métodos (Función dentro de un array) con Json - Ver ejemplo.

  205. Declarando objetos con Json - Ver ejemplo.

  206. Creando clases - Ver ejemplo.

  207. Funciones en las clases - Ver ejemplo.

  208. Apuntando y creando prototipos - Ver ejemplo.

  209. Buscando un elemento en un array apuntando al prototipo - Ver ejemplo.

  210. Sintaxis y uso de ecm6 - Ver ejemplo.

  211. Creando métodos con ecm6 - Ver ejemplo.

  212. Convirtiendo la clase rectangulo a formato nuevo ecm6 - Ver ejemplo.

  213. Otro rectangulillo - Ver ejemplo.

  214. Herencia . - Ver ejemplo.

  215. Recorrer los atributos de un objeto con un bucle for in - Ver ejemplo.

  216. invocar a una función con un número variable de parametros - Ver ejemplo.

  217. Excepciones con try y cach - Ver ejemplo.

  218. Gestor de excepciones (try-catch) - Ver ejemplo.

  219. Gestor de excepciones_2(try-catch) Ver ejemplo.

  220. Location . - Ver ejemplo.

  221. Bienvenidos al mundo apasionante de Ajax - Ver ejemplo.

  222. Sacando un alert de un texto con Ajax - Ver ejemplo.

  223. Mostrando datos de una base de datos XML con Ajax - Ver ejemplo.

  224. Lo mismo que antes pero con textContent - Ver ejemplo.

  225. Recorriendo toda la información y mostrándola - Ver ejemplo.

  226. Buscando los cd's de un artista con Ajax - Ver ejemplo.

  227. Buscar discos de un desplegablecon Ajax - Ver ejemplo.

  228. Cargar contenido bajo demanda con Ajax - Ver ejemplo.

  229. Probando Jquery - Ver ejemplo.

  230. Función toggle que me desaparece y aparece párrafos - Ver ejemplo.

  231. Uso del asterisco para ocultarlo TODO - Ver ejemplo.

  232. Ocultando el propio botón con la función this - Ver ejemplo.

  233. Probando a ocultar botones sólo de tipo button - Ver ejemplo.

  234. Modificando css con Jquery de una tabla - Ver ejemplo.

  235. Pintando de una tabla sólo las celdas rellenas con datos - Ver ejemplo.

  236. Selecciono del desplegable lo que elija con Jquery - Ver ejemplo.

  237. Desactivando botones con jQuery - Ver ejemplo.

  238. Desactivando botones - Ver ejemplo.

  239. Jugando con divs y la propiedad nextAll - Ver ejemplo.

  240. Ocultando divs con toggle y Jquery - Ver ejemplo.

  241. Parando la propaganción de eventos con stopPropagation - Ver ejemplo.

  242. Alternar clases - Ver ejemplo.

  243. Aplicando cambios a la clase parent (Pintando divs y bloqueando botones) - Ver ejemplo.

  244. Ocultando el contenido de la página gracias a la función parents - Ver ejemplo.

  245. Borrando sólo los parents seleccionados - Ver ejemplo.

  246. Pintando los hijos (propiedad children): Generico - Ver ejemplo.

  247. Otro ejemplico pintando hijos - Ver ejemplo.

  248. Jugando con los siblings hermanicos - Ver ejemplo.

  249. Añadiendo elemento con add - Ver ejemplo.

  250. Otro ejemplo de add pintando elementos añadiendolos a la selección - Ver ejemplo.

  251. Seleccionando divs con contains - Ver ejemplo.

  252. Mostrando y añadiendo contenido en una lista mostrandolo con un alert - Ver ejemplo.

  253. Añades manejadores con la función "on" - Ver ejemplo.

  254. Jugando con la función "closest" Seleccionando el más cercano - Ver ejemplo.

  255. Programica de una pescadería - Ver ejemplo.

  256. Pintando párrafos que NO cumplan condiciones con "not" - Ver ejemplo.

  257. Seleccionando listas que NO cumplan algo con "NOT" - Ver ejemplo.

  258. Escribiendo una lista al revés usando "get" - Ver ejemplo.

  259. Probando la función one para aumentar el texto de un párrafo en una pequeña animación - Ver ejemplo.

  260. Aumentando y disminuyendo el tamaño de un párrafo con la variable flag - Ver ejemplo.

  261. Desapareciendo y apariciendo divs con fadeToggle - Ver ejemplo.

  262. Desapareciendo y desapareciendo en un "barrido" con slideToggle - Ver ejemplo.

  263. Añadiendo un span al final de cada párrafo con appendTo - Ver ejemplo.

  264. Juntamos appendTo y removeen el mismo ejercicio (Creando divs que desaparecen al clicarse) - Ver ejemplo.

  265. Recorriendo elementos del DOM con each - Ver ejemplo.

  266. Obtener contenido externo en un div con load gracias a Ajax y jQuery - Ver ejemplo.

  267. Cargando SÓLO una parte de mi fichero txt externocon Ajax y jQuery - Ver ejemplo.

  268. Cargando fichero externo txt con errores o no gracias a Ajax y jQuery- Ver ejemplo.

  269. Obtener datos de un fichero externo que contiene JSON - Ver ejemplo.

  270. Cargar un alert externo con Ajax y script - Ver ejemplo.

  271. Cargando un script Javascript dinamicamente con jQuery - Ver ejemplo.

  272. . . - Ver ejemplo.

  273. . . - Ver ejemplo.

  274. . . - Ver ejemplo.

  275. . . - Ver ejemplo.

  276. . . - Ver ejemplo.

  277. Simulación de inserción de datos con scroll y todo - Ver ejemplo.

  278. Introducción de datos con JavaScript normal - Ver ejemplo.

  279. Introducción de datos PERO con jQuery - Ver ejemplo.

  280. Introducción de datos PERO CON ANGULAR . - Ver ejemplo.

  281. . . - Ver ejemplo.

  282. . . - Ver ejemplo.

  283. . . - Ver ejemplo.

* Ir a "Ejercicios HTML/CSS".

* Vólver a la página principal.