JavaScript Desde Cero
/Aqu un pérafo de texto stuado antes de la imagen, dentro de un dv contenedor
Aqui otro pérrafo de texto JavaScript es un lenguae utiizado pare dotar de efectos dinémicos a las paginas web.
fae Notepades, © [Link], 2006-2029 Jeane dtd por utes AP ENDER apr OGRAMAR= Visualiza la pagina, El resultado esperado seré que al hacer click sobre la imagen se muestre un mensaje {el mensaje 1), mientras que al hacer click sobre el parrafo inferior se mostrara otro mensaje (el ‘mensaje 2). Aqui vemos cémo hemos definido un script. Nos podemos hacer algunas preguntas como: éPuede escri juetas .. ? La respuesta es que si. La mayoria de los navegadores aceptarén que el script esté en casi cualquier se un script en otro lugar distinto del comprendido entre las parte. Prueba a cambiar el cédigo y ponerlo en distintos lugares y comprueba los resultados. Pero poniendo el cédigo fuera de podemos tener problemas con algunos navegadores, 0 podemos tener problemas en algunos casos en que el cédigo deba guardar cierto orden. Para no tener problemas pondremos siempre los scripts dentro de las etiquetas ... . ePueden escribirse varios scripts en una misma pagina web? La respuesta es que si. Por ejemplo esto seria valido: Aqui en vez de un script con dos funciones, tenemos dos scripts cada uno de ellos con una funcién. éCudl es mejor opcién, un script o dos scripts? Recordar que JavaScript es un cédigo que es interpretado por el navegador (en concreto por una parte del navegador a la que se denomina precisamente intérprete JavaScript). Al escribir dos scripts estamos obligando al intérprete a leer mas lineas, y considerar dos unidades de scripts en lugar de una. Esto ralentiza la carga de la pagina web y su ejecucién, por tanto normalmente incluiremos el cédigo dentro de un tnico script, excepto cuando justificadamente necesitemos 0 sea razonable hacerlo de otra manera. En paginas web avanzadas es posible que encuentres muchos scripts que salen de muchos sitios diferentes. Qué extensi6n puede tener un script? La que nosotros queramos. Puede ser desde una linea hasta miles de lineas. Proxima entrega: CU01110€ ‘Acceso al curso completo en [Link] -- > Cursos, 0 en la direccién siguiente: hnttp://[Link]/[Link]?option=com_content&view=category&iid=[Link]=206 © [Link], 2006-2029 ar = ON a ANP) Ole Na OL JavaScript externo en archivos de extensionjs. Apr ENDER apr OGRAMARS JAVASCRIPT EN ARCHIVOS JS Hemos visto que podemos incluir JavaScript “embebido” dentro de una linea de HTML 0 dentro de la cabecera del documento HTML. Pero esto sera poco practico cuando tengamos muchas paginas web que necesiten usar las mismas funciones JavaScript. éVamos a estar repitiendo el cédigo en cada pagina? JAVASCRIPT EXTERNO EN ARCHIVOS JS De la misma forma que el cédigo CSS puede estar contenido en archivos externos con extensién css, el cédigo JavaScript puede independizarse del documento HTML introduciéndolo en un archivo de texto con extensién Jjs y que se invocara desde el cédigo HTML de la forma que mostramos a continuacién: "rutaDelArchivot js"> *rutaDelArchivo2,js"> *[Link]"> 'text/javascript” src: ‘text/javascript” sre: ‘text/javascript” sre: Podemos invocar un solo archivo, 0 dos, tres, cuatro... tantos como resulten necesarios. En el atributo src tenemos que especificar la ruta del archivo referenciado (si no indicamos nada, se sobreentiende que est en el mismo directorio que el documento HTML). Supongamos que un archivo externo con cédigo JavaScript se llamara functions, y estuviera dentro de una carpeta denominada jsf En ese caso escribiriamos: src="/jsf/functions js" En general tener el c6digo JavaScript en archivos independientes sera lo mas practico desde el punto de vista del mantenimiento de un sitio web. Tendremos las funciones agrupadas y ordenadas, pudiendo ser Invocadas desde cualquier parte de nuestra pagina web. Esto nos ahorrard tiempo de mantenimiento: si tenemos 200 documentos html, no tendremos que hacer 200 modificaciones sino inicamente modificar el archivo o los archivos con las funciones JavaScript que usamos en todo nuestro sitio web. © [Link], 2006-2029 Javscript entero en archives de etensin Apr ENDER 2p OGRAMARE Veamos un ejemplo. Escribe este cédigo y guardalo en un archivo de extensién html: -chtmni> Portal web - [Link]é/title>Aqui un parrafo de texto situado antes de la Imagen, dentro de un dv contenedor
Aqui estamos
El resultado esperado es que se cargue en pantalla el texto “Hola”. A continuacién se ejecuta el cédigo JavaScript que al no estar incluido dentro de una funcidn se ejecuta directamente. E! resultado es que se detiene la carga de la pagina web y aparece una ventana con el mensaje “Estamos cargando los contenidos de la web...”. Una vez pulsamos aceptar, se terminara la carga de la pagina y aparecera el texto “Aqui estamos”. En este caso hemos hecho cosas extrafias (isdlo para ver un ejemplo de cosas que te puedes encontrar!): hemos incluido un script fuera de las etiquetas ... y hemos dado lugar a la ejecucién de un cédigo JavaScript secuencialmente con el progreso de la carga del htm|, cen lugar de dar lugar a su ejecucién en respuesta a un evento (que seria lo mas normal) Proxima entrega: CU01111E ‘Acceso al curso completo en [Link] ~ > Cursos, o en la direccién siguiente: htto://[Link]/index.pho2optio © [Link], 2006-2029 ONAN P) a OLCNaeL Seccion: Cursos Categoria: Tutorial basico del programador web: JavaScript desde cero Fecha revisién: 2029 Resumen: Entrega n211 del Tutorial basico “JavaScript desde cero” Autor: César Krall coments sup sen sonst depuntoyconafna _~ Portal web - [Link]é/title> <Aqui un pérrafo de texto situado antes de la Imagen, dentro de un div contenedor
/Aquitun parrafo de texto situado antes de la imagen, dentro de un div contenedor
Aqut otro pérrafo de texto. JavaScript es ‘un lenguaje utllzado para dotar de efectos dindmicos a las paglnas web.
Notepades, Visualiza el resultado y comprueba que la pagina web se muestra con normalidad y que JavaScript se ejecuta con normalidad cuando pulsas sobre la imagen. El resultado esperado es que se muestre lo siguiente: La variable precio vale: undefined (Aceptar) La variable dato1 vale: null (Aceptar) La variable precio vale: 32.55 (Aceptar) El doble de precio es: 65.1 (Aceptar) El importe resultante de multiplicar precio por cantidad es: 325.5 (Aceptar) La variable precio vale ahora: muy caro (Aceptar) El doble de precio es ahora: NaN (Aceptar) La variable precio ha sido declarada por segunda vez y ahora vale: 99.55 (Aceptar) La variable Sdescuento_aplicado vale: 0.55 (Aceptar) © [Link], 2006-2029 Tipos de datos vtpos de variables en JavaScript. Decaracin. apr ENDER apr OGRAMARS SIGNIFICADO DE UNDEFINED, NULL Y NAN De este ejemplo debemos destacar lo siguiente: a) Se cumplen los conceptos basicos explicados. b) El contenido de una variable no inicializada es undefined. En este caso decimos que la variable es de tipo Undefined, ©) El-contenido de una variable puede ser null y en ese caso decimos que la variable es de tipo Null d) Si intentamos realizar una operacién matemética con una variable cuyo contenido no es numérico sino texto, la variable toma el valor NaN. Para JavaScript NaN (abreviatura de “Not-a- Number”) es un valor numérico especial, que representa “niimero ilegal o no representable”. La asignacién de NaN que realiza JavaScript autométicamente cuando se intentan realizar operaciones numéricas ilegales evita la aparicién de errores explicitos 0 que el cédigo JavaScript, deje de ejecutarse. EJERCICIO. Crea un cédigo JavaScript donde se genere un error por un mal uso de la palabra clave var y comprueba la respuesta del navegador. Crea una variable y asignale los contenidos true y false, e intenta multiplicarlas por un niimero (por ejemplo por 2). Qué resultados obtienes? ZA qué crees que se deben estos resultados? Para comprobar si es correta tu solucién puedes consultar en los foros [Link]. Proxima entrega: CUO1113E ‘Acceso al curso completo en [Link] -- > Cursos, o en la direccién siguiente: ate /[Link]/[Link]?optior © [Link], 2006-2029 ar = ON a ANP) Ole Na OL capr ENDER apr OGRAMARS Tipos de variables en JavaScript. Numéricas (Number). VARIABLES NUMERICAS EN JAVASCRIPT. A diferencia de muchos otros lenguajes de programacién (como Java, C, C++, Visual Basic, ete.), JavaScript no diferencia distintos tipos de variables numéricas. Todos los nimeros en JavaScript son tratados como un tipo numérico nico, el tipo Number, que “agrupa” a los tipos int, integer, double, float, single, etc. que se utilizan en otros lenguaies. VARIABLES NUMERICAS JAVASCRIPT JavaScript permite representar cualquier numero que sea necesario, Ten en cuenta que esto no significa que se puedan usar niimeros “descomunales” porque un computador siempre ha de tener un limite. Pero el limite de JavaScript es del orden de +1.7976931348623157 x 10°" para nimeros grandes(esto son millones de trillones, un numero tan grande que nunca tendremos problemas porque nunca vamos a tener que usar un nimero superior a esta cifra) y del orden de +5 x 10° para nimeros pequefios (esto supone que se puede trabajar con niimeros con cientos de decimales, y en la practica nunca vamos a necesitar tanta precisién, con lo cual nunca tendremos problemas por usar ntimeros muy pequefios 0 con gran nimero de decimales). Para indicar que un nmero es negativo se precede del signo menos. Los ntimeros decimales se escriben utilizando el punto (.) como separador. Si la parte entera de un numero es el cero, se admite omitir el cero. Es decir, 0.55 y .55 son ambos admitidos. También se admite la notacién basada en indicar un nimero seguido de E y la potencia de 10 a la que se debe elevar. También se admite usar la e minscula, Por ejemplo 1.2£2 6 1.2e2 equivale a 1.2*10° = 1.2*100 = 120. Esta notacién permite escribir nimeros muy grandes o muy pequefios sin tener que escribir todas las cifras. Por ejemplo 3.2345234565E20 equivale a 323452345650000000000 6 3,2345234565e-10 equivale a 0.00000000032345234565 El uso de numero decimales puede presentar en ocasiones problemas debido al redondeo decimal, como veremos. Este problema no es exclusivo de JavaScript, sino que es algo que afecta a numerosos Ienguajes de programacién. \Veamos un ejemplo. Escribe este cédigo y guardalo en un archivo de extensién html (puedes cambiar la ruta de la imagen si quieres): © [Link], 2006-2029 Tipos de variables en Javascript. Numéricas (Number) APP ENDER apr OGRAMARS chtmb> Curso JavaScript [Link]«/title> -/Aqui un parrafo de texto situado antes de la imagen, dentro de un div contenedor
Aqui otre pérrafo de texto. Javascript es un lengua utlzado para dotar de efectos dindmicos alas paginas web.
=!Notepades, Visualiza el resultado y comprueba que la pagina web se muestra con normalidad y que JavaScript se ejecuta con normalidad cuando pulsas sobre la imagen. El resultado esperado es que se muestre lo siguiente (compruébalo): cadena texto vale © [Link] cadena texto es "[Link]' cadena texto ahora contiene Letra A: A, 0 con tilde: 6 sigue Caracter \ igualmente \ seguido de tres saltos de linea Prosigue comilla simple ' y doble " Introduzca un texto por favor: andamio El texto introducido fueandamio con longitud de 7 caracteres La longitud de extraordinario es de 14 caracteres La longitud de la cadena vacia es de 0 caracteres © [Link], 2006-2029 Tinos de variables en JavaScript. tring (Texto). “apr eENDER apr OGRAMARS EJERCICIO Consulta en internet cual es el cédigo unicode que corresponde al cardcter 1 (simbolo matematico Fi) y usando el cédigo muestra por pantalla el mensaje “El ntimero n vale 3.1416". Para comprobar si es correcta tu solucién puedes consultar en los foros [Link], Proxima entrega: CU01115€ Acceso al curso completo en [Link] ~ > Cursos, o en la direccién siguiente: [Link] © [Link], 2006-2029 ar = [Link] capP ENDER apr OGRAMARS Declaracién de variables JavaScript. Variables booleanas. DECLARACION DE VARIABLES JAVASCRIPT. VARIABLES BOOLEANAS. Aunque no es obligatorio, se recomienda declarar siempre las variables antes de usarlas en JavaScript. Como sabemos esta declaracién se hace escribiendo la palabra clave var seguida del nombre de variable. También se pueden declarar multiples variables en una sola linea escribiendo var y a continuacién los nombres de las variables separados por comas, Por ejemplo podemos declarar: var coches; var motos; var trenes; Obbien hacerlo en una sola linea de esta manera: var coches, motos, trenes; También se permite la inicializacién de variables en linea. Por ejemplo podriamos escribir: var coches = 32, motos = 9, trenes = 12; De este modo quedan las variables inicializadas en el mismo momento de deciaracién. Aunque la declaracién de variables no es obligatoria, se recomienda siempre declarar las variables. Si se trata de hacer uso de un nombre de variable que no existe para asignérselo a una variable si existente, se produce un error y el cédigo JavaScript deja de funcionar. Ejemplo: function mostrarMensaje1() { var mayorDe25 = false; ‘mayorDe25 = variablelnexistente; //Genera un error y el cédigo no se ejecuta alert (‘Mostrar un mensaje no se ejecuta’); Importante: un “pequefio error” al escribir un nombre de variable puede generar un error (no visualizado al no aparecer mensaje de error) y hacer que nuestro cédigo JavaScript deje de funcionar. VARIABLES BOOLEANAS En JavaScript una variable es booleana si se le asigna como contenido true 6 false. Estas variables se usan para almacenar informacién del tipo si / no, cumple / no cumple, verdadero / falso, existe / no existe, es decir, informacién que tnicamente puede tener dos estados. Ejemplo: var casado = true; true y false son palabras clave JavaScript. Por tanto no podemos usarlas como nombres de variables. Si escribiéramos true = 25; el intérprete del navegador interpretaria que existe un error, por lo que el © [Link], 2006-2029 Declaracion de variables JavaScript Variables booleanas. SAPP ENDER apr OGRAMARS cédigo JavaScript no se ejecutaré (sin embargo, no veremos ningtin mensaje de error, simplemente veremos que JavaScript no funciona). Las variables booleanas normalmente se emplean para evaluar si se cumplen condiciones mediante instrucciones if else, como veremos mas adelante. Un razonamiento usando variables booleanas puede ser <>. Las variables booleanas toman valor true o false. Puede considerarse que existe un equivalente numérico (1 para true y 0 para false), pero debemos decidir si queremos operar con niimeros, usar una variable numérica, y si queremos operar con los valores true y false, operar con variables booleanas. En general toda variable tiene un equivalente numérico y un equivalente en forma de texto. Por ejemplo el equivalente en forma de texto del valor true seria ‘true’ y se puede obtener escribiendo el nombre de la variable seguido de toStringt). Por ejemplo [Link]() devuelve la cadena de texto ‘true’, que es diferente del valor booleano true. \Veamos un ejemplo. Escribe este cédigo y guardalo en un archivo de extensién html (puedes cambiar la ruta de la imagen si quieres):AAqui tun pérrafo de texto situado antes de la imagen, dentro de un dv contenedor
Aqui otro pérrafo de texto. JavaScript es un lengua utiizado para dotar de efectos dindmicos alas paginas web.
‘[Link]/titie> Cursos, o en la direccién siguiente: htto://[Link]/[Link]?option=com_content&.view=category&id=[Link]=206 © [Link], 2006-2029 apr = NaN Pa ec ARR aeL YL) Operadores ligicos yrelacionales JavaScript. Valores de verdad. ‘apr ENDER apr OGRAMARS OPERADORES LOGICOS PRINCIPALES EN JAVASCRIPT En JavaScript disponemos de los operadores logicos habituales en lenguajes de programacién como son “es igual”, “es distinto”, menor, menor o igual, mayor, mayor o igual, and (y), or (0) y not (no). La sintaxis se basa en simbolos como veremos a continuacién y cabe destacar que hay que prestar con = porque implican distintas cosas, atencién ano confundir OPERADORES LOGICOS Y RELACIONALES Disve ale iaTAV Ke) Es igual Es estrictamente igual ! Es distinto al=b Es estrictamente distinto Menor, menor 0 igual, mayor, SS mayor o igual Ba Operador and (y) a&&b ' Operador or (0) allb ! Operador not (no) la ‘Operadores logicos y relacionales principales en JavaScript, La sintaxis coincide con la empleada en otros lenguajes de programacién. ‘Ademas de los operadores habituales existen los operadores === que se interpreta como “es estrictamente igual” y !== que se interpreta como “no es estrictamente igual”. Estos operadores resultan un poco mas complejos de comprender por lo que volveremos a hablar de ellos mas adelante. De momento tener en cuenta que si una variable contiene textol= “1” y hacemos la comparacién 1, obtendremos false, es decir, que no es igual (porque un texto no es igual a un numero). devolverd true ya que esta comparacién no es estricta y textol = Sin embargo una comparacién como texto © [Link], 2006-202 cperdoresleeorvieaconalesinscipt Valresdeverte. __—Aqui otre pérrafo de texto. JavaScript es un lenguale utiizado para dotar de efectos dindmicos alas paginas web.
Notepades, Visualiza el resultado y comprueba que la pagina web se muestra con normalidad y que JavaScript se ejecuta con normalidad cuando pulsas sobre la imagen. El resultado esperado es que se muestre lo siguiente (compruébalo): Valor de verdad para atb == 8 &8& a-b ==1 es: false (Aceptar) Valor de verdad para a+b == 8 && a-b ==-2 es: true (Aceptar) Valor de verdad para c == d es: false (Aceptar) Valor de verdad para c&&d es: false (Aceptar) Valor de verdad para c| |d es: true (Aceptar) Valor de verdad para !a es: false (Aceptar) Valor de verdad para eTexto === 1: false (Aceptar) Valor de verdad para eTexto == 1: true (Aceptar) Valor de verdad para Zapato < avellano es: true (Aceptar) © [Link], 2006-2029 Operadores igicos vrelacionales JavaScript. Valores de verdad. “apr ENDER apr OGRAMARS Importante: recordar que cuando se quieran realizar comparaciones de igualdad hay que usar el operador == y no el operador =. EJERCICIO 1 Dadas las variables de tipo entero con valores A = 5, B = 3, C = -12 indicar si la evaluacién de estas expresiones daria como resultado verdadero o falso: a)A>3 byA>c OAc d)B3&&B>38RC<3 hate p)A>3&& B>=38&C<-3 Crea un script donde declares estas variables, les asignes valores y muestres por pantalla el valor de verdad que tienen cada una de las expresiones antes indicadas. éCoincide lo que se muestra con pantalla con lo que tt esperarias que se mostrara? Puedes comprobar si tus resultados son correctos consultando en los foros [Link]. EJERCICIO 2 Crea un script donde declares dos variables a y b y fuerces a que ambas contengan valor NaN. Ahora realiza las comparaciones a este resultado? a Qué resultados obtienes? 2A qué crees que se debe Proxima entrega: CUO1118€ ‘Acceso al curso completo en [Link] -- > Cursos, 0 en la direccién siguiente: h[Link] © [Link], 2006-2029 apr = [Link] Operadores lagicos yrelacionales JavaScript. Valores de verdad. ‘apr ENDER apr OGRAMARS OPERADORES EXTRA EN JAVASCRIPT En JavaScript disponemos ademés de la asignacién tracional basada en = de algunos operadores menos habituales como incremento unitario (++), decremento unitario (--), asignacién compuesta de suma (+=) y asignacién compuesta de multiplicacién . asignacién compueta de resta etsy DESCRIPCION EaravTare) eT RUN = Asignacién Suma lo indicado a=atb Resta lo indicado aza-b Multiplica por lo b a=atb indicado Calcula el médulo por lo a%=b a=a%b indicado ; Incremento unitario +372 azatl ++ (anterior) antes de operar at2 ji Incremento unitario ant? atz ++ (posterior) después de operar azatl i Decremento unitario ~at2 aza-1 (anterior) antes de operar at2 . Decremento unitario at2 -- (posterior) después de operar aza-1 Operadores en JavaScript © [Link], 2006-202 cperdores leer yieaconalesinvscipt Valresdeverte. _—Aqut un parrafo de texto situado antes de la Imagen, dentro de un div contenedor
Aqui otro pérrafo de texto. JavaScript es un lengua utilized para dotar de efectos dindmicos alas paginas web,
jotepades, Visualiza el resultado y comprueba que la pagina web se muestra con normalidad y que JavaScript se ejecuta con normalidad cuando haces click sobre la imagen. EI resultado esperado es que se muestre lo siguiente (compruébalo introduciendo Juan y 96 como entradas de usuario) Por favor introduce tu nombre: Juan (Aceptar) Hola Juan. Bienvenido a esta pagina web. (Aceptar) éCual es tu edad? : 96 (Aceptar} Tienes muchos afios encima... (Aceptar) © [Link], 2006-2029 Itelse, else if Javascript. Condicionales estructuras de decisién, “apr ENDER apr OGRAMARS EJERCICIO Crea un script que pida al usuario el didmetro de una rueda y su grosor (en metros) y a través de condicionales if realice las siguientes operaciones: a) Si el diametro es superior a 1.4 debe mostrarse el mensaje “La rueda es para un vehiculo grande” Si es menor 0 igual a 1.4 pero mayor que 0.8 debe mostrarse el mensaje “La rueda es para un vehiculo median”. Sino se cumplen ninguna de las condiciones anteriores debe mostrarse por pantalla el ‘mensaje “La rueda es para un vehiculo pequefio”. b) Si el diémetro es superior a 1.4 con un grosor inferior a 0.4, 6 si el didmetro es menor o igual a 1.4 pero mayor que 0.8, con un grosor inferior a 0.25, debers mostrarse el mensaje “El grosor para esta rueda es inferior al recomendado” Ejecuta el cédigo y comprueba sus resultados, Para comprobar si es correcta tu solucién puedes consultar en los foros [Link]. Proxima entrega: CU01120E ‘Acceso al curso completo en [Link] ~ > Cursos, o en la direccién siguiente: [Link] © [Link], 2006-2029 apr = [Link] apr ENDER apr OGRAMARS switch JavaScript. Decisién entre distintas alternativas. CONDICIONAL DE SELECCION SWITCH EN JAVASCRIPT. EJEMPLO DE APLICACION. La instruccién switch es una forma de expresién de un anidamiento miiltiple de instrucciones if... else. Su uso no puede considerarse, por tanto, estrictamente necesario, puesto que siempre podré ser sustituida por el uso de if. No obstante, a veces resulta ttil al introducir eficiencia y mayor claridad en el cédigo. La sintaxis sera (expresién ser normalmente una variable cuyo contenido queremos evaluar, pero puede ser una operacién matemtica, una expresién booleana, etc.): switch (expresién) { case valor1! instrucciones; break; case valor2: instrucciones; break; default: sentencias; break; ‘switch (expresién) { case valor1; case valor2: case valor3: instrucciones; break; case valord! instrucciones; break; default: sentencias; break; © [Link], 2006-2029 sich eigen ene dts starts ~) break es opcional (pero en general recomendable) y provoca que una vez encontrada una coincidencia termine la evaluacién de casos. Sino se incluye, se evaluarian el resto de casos (ejecutdndose si fueran ciertos). De no incluirse break, podria producirse que se ejecuten dos o mas casos. La cléusula default es opcional y representa las instrucciones que se ejecutaran en caso de que no se verifique ninguno de los casos evaluados. El ultimo break dentro de un switch (en default si existe esta clausula, 0 en el tiltimo caso evaluado si no existe default) también es opcional, pero lo incluiremos siempre para ser metédicos. switch realiza las comparaciones usando el operador === (igual estricto). Se permite evaluar tanto ntimeros como cadenas de texto 0 valores booleanos. Switch solo permite evaluar valores concretos de la expresién: no permite evaluar intervalos (pertenencia de la expresién a un intervalo 0 rango) ni expresiones compuestas. Cédigo de ejemplo: /[®jemplo de uso switch JavaScript [Link] Function mostrarMensajel() { switch (mes) { case 1: alert ("El mes es enero" break; ‘ase 2: alert ("El mes es febrero"); break; case 10: alert ("El mes es octubre"); break; default: alert ("EI mes no es enero, febrero ni octubre"); break; © [Link], 2006-2029 sich eigen ene dts starts 18) donde la expresién devuelve un booleano, 0 case ‘armario': alert ("Ha introducido armario"); break; donde se evaliia la igualdad con un texto. ESEMPLO Escribe el siguiente cédigo y guardalo en un archivo de extensién html (puedes cambiar la ruta de la imagen si lo deseas):Pulsa adelante o atrésc/p> *utt"> {1 && movimiento == 'atra! || numerolmayendctual humor informatico_fote jpg’ contenedor"> * moverimagen(‘atras)> << Atrés
Si quleres contactar con nosotros envianos este formulario relleno:
El resultado esperado es que al cargar la pagina los elementos label del form se muestren con un color de fondo blanco. Al hacer click para escribir en el formulario, se mostrara cada uno de los elementos con un color de fondo ligeramente distinto porque asi lo hemos establecido a través del cédigo. © [Link], 2006-2029 Acad mento Sci etree VToshne _apr ENDER apr OGRAMAR= Portal web [Link] Didactica y divulgacion de la programacion Suites eartactr con nosctosenvanos ast farmaan vale == Portal web [Link] Didactica y divulgacion de la programacion Squires eortactar con nosciosenfangs este armani lon EJERCICIO Modifica el cédigo anterior para que en vez de pasarse como parametro label pases como parametro: div, input, h1 y h2. éSe usan los tres indices del array en todos los casos? ¢Qué ocurre si aparecen mas indices que elementos realmente existen en el documento html? Modifica el cédigo anterior para introducir div que simule un botén con el texto "Cambiar a inglés” y otro div simulando un botén “Cambiar a espafiol”. Al pulsar sobre el botén cambiar a inglés, debes acceder a los nodes del DOM de tipo label y usando relaciones de parentesco entre nodos acceder a aquellos nodos cuyo nodeValue es Nombre:, Apellidos:, y Correo electrénico: y cambiar su nodeValue por Name:, Surname: y e-mail Orientacién: tendrés que conocer la estructura del DOM para poder acceder a los nodos con el contenido texto que nos interesa, ya que estos nodos son descendientes de los nodos label. Para comprobar si tus respuestas son correctas puedes consultar en los foros [Link]. Proxima entrega: CU01129E ‘Acceso al curso completo en [Link] -- > Cursos, 0 en la direccién siguiente: htto://[Link]/index,pho?option=com_content&view=catezorv&id=78&.lternid=206 © [Link], 2006-2029 apr = [Link] Sinan vat aa propedades 3. Eualencs —
