Artículo en construcción.
Información sobre la tarea
La entrega será en formato PDF. Leer Entrega y presentación de tareas.
La tarea se calificará con una nota de APTO (10) o NO APTO (0).
Duración actividades obligatorias: 10 horas.
RA 2. Escribe sentencias simples, aplicando la sintaxis del lenguaje y verificando su ejecución sobre navegadores Web.
Actividades
Es muy importante leer los apuntes y realizar las actividades. Los actividades de esta unidad son base para la realización de actividades en las próximas unidades.
Atributo
Escribe el código para obtener el atributo data-widget-name del documento y leer su valor.
1
2
3
4
5
6
7
8
9
10
<!DOCTYPE html>
<html>
<body>
<div data-widget-name="menu">Elige el genero</div>
<script>
/* Tu código */
</script>
</body>
</html>
📷 Cuando termines, haz varias capturas para demostrar que has realizado la actividad de manera satisfactoria.
Enlaces externos naranjas
Haz todos los enlaces externos de color orange alterando su propiedad style.
Un link es externo si:
- Su
hreftiene:// - Pero no comienza con
http://internal.com.
Ejemplo:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<a name="list">the list</a>
<ul>
<li><a href="http://google.com">http://google.com</a></li>
<li><a href="/tutorial">/tutorial.html</a></li>
<li><a href="local/path">local/path</a></li>
<li><a href="ftp://ftp.com/my.zip">ftp://ftp.com/my.zip</a></li>
<li><a href="http://nodejs.org">http://nodejs.org</a></li>
<li><a href="http://internal.com/test">http://internal.com/test</a></li>
</ul>
<script>
// establecer un estilo para un enlace
let link = document.querySelector('a');
link.style.color = 'orange';
</script>
El resultado podría ser:
📷 Cuando termines, haz varias capturas para demostrar que has realizado la actividad de manera satisfactoria.
Enlaces externos naranjas con clase
Haz todos lo mismo que en la actividad anterior pero modificando la clase de los elementos.
📷 Cuando termines, haz varias capturas para demostrar que has realizado la actividad de manera satisfactoria.
Depuración en freeCodeCamp
Ir a la certificación Algoritmos de JavaScript y Estructuras de Datos y hacer el curso “Depuración”.
📷 Cuando termines todos los pasos, haz una captura de tu perfil.
Programación de algoritmos básicos en freeCodeCamp
Ir a la certificación Algoritmos de JavaScript y Estructuras de Datos y hacer el curso “Programación de algoritmos básicos”.
📷 Cuando termines todos los pasos, haz una captura de tu perfil.
(Voluntaria) Anagrama
Escribe una función que reciba dos palabras (string) y retorne verdadero o falso (boolean) según sean o no anagramas.
- Un Anagrama consiste en formar una palabra reordenando TODAS las letras de otra palabra inicial.
- NO hace falta comprobar que ambas palabras existan.
Dos palabras exactamente iguales no son anagrama.
- Los datos deben ser recogido a través de
window.prompt(). - El resultado debe ser mostrado a través de
window.alert().
📷 Cuando termines todo, haz varias capturas para demostrar que has realizado la actividad de manera satisfactoria.
Código morse
Crea un programa que sea capaz de transformar texto natural a código morse y viceversa.
- Debe detectar automáticamente de qué tipo se trata y realizar la conversión.
- En morse se soporta raya “—”, punto “.”, un espacio “ “ entre letras o símbolos y dos espacios entre palabras “ “.
El alfabeto morse soportado será el mostrado en https://es.wikipedia.org/wiki/Código_morse.
- Los datos deben ser recogidos a través de
window.prompt(). - El resultado debe ser mostrado en el
body.
📷 Cuando termines todo, haz varias capturas para demostrar que has realizado la actividad de manera satisfactoria.
Código morse con memoria
Haz que aunque se actualice la web con F5 el último resultado generado no desaparezca.
Deberás usar el objeto
windowpara guardar esta información.
📷 Cuando termines todo, haz varias capturas para demostrar que has realizado la actividad de manera satisfactoria.
Expresiones equilibradas
Crea un programa que comprueba si los paréntesis, llaves y corchetes de una expresión están equilibrados.
- Equilibrado significa que estos delimitadores se abren y cierran en orden y de forma correcta.
- Paréntesis, llaves y corchetes son igual de prioritarios. No hay uno más importante que otro.
- Expresión balanceada:
{ [ a * ( c + d ) ] - 5 } Expresión no balanceada:
{ a * ( c + d ) ] - 5 }- Los datos deben ser recogido a través de un
input. - El resultado debe ser mostrado en el
bodyde la ventana actual.
📷 Cuando termines todo, haz varias capturas para demostrar que has realizado la actividad de manera satisfactoria.
(Voluntaria) ¿Es un palíndromo?
Escribe una función que reciba un texto y retorne verdadero o falso (boolean) según sean o no palíndromos.
Un Palíndromo es una palabra o expresión que es igual si se lee de izquierda a derecha que de derecha a izquierda.
NO se tienen en cuenta los espacios, signos de puntuación y tildes.
Ejemplo de palíndromo: Ana lleva al oso la avellana.
- Los datos deben ser recogido a través de un
input. - El resultado debe ser mostrado en el
bodyde una ventana o pestaña diferente.
📷 Cuando termines todo, haz varias capturas para demostrar que has realizado la actividad de manera satisfactoria.
Tabla de primos
Escribe un programa que reciba un número <X> y muestre en el body los números primos entre 1 y <X> en forma de tabla.
- Los datos deben ser recogido a través de un
input. - El resultado debe ser mostrado en el
bodyde una ventana o pestaña diferente.
(Voluntaria) DOM en ventana principal
Realizar una aplicación en HTML y JavaScript que realice lo siguiente:
Hacer y llamar a una función que:
- Escriba en la ventana principal
<h1>TAREA 03</h1> - Solicite: Introduzca su nombre de usuario.
- Solicite: Introduzca DIA de nacimiento.
- Solicite: Introduzca MES de nacimiento.
- Solicite: Introduzca AÑO de nacimiento.
- Una vez solicitados esos datos imprimirá en la ventana principal:
- Buenos días <XXXX>
- Tu nombre tiene <XX> caracteres, incluidos espacios.
- La primera letra A de tu nombre está en la posición: <X>
- La última letra A de tu nombre está en la posición: <X>
- Tu nombre menos las 3 primeras letras es: <XXXXXXXX>
- Tu nombre todo en mayúsculas es: <XXXXXXXX>
- Tu edad es: <XX> años.
- Naciste un feliz <XXXX> del año <XXXX>.
- El coseno de 180 es: <XXXXXXXX>
- El número mayor de (34,67,23,75,35,19) es: <XX>
- Ejemplo de número al azar: <XXXXXXXX>
Donde aparecen las <XXXX> tendrá que aparecer el cálculo o texto que corresponda.
📷 Cuando termines todo, haz varias capturas para demostrar que has realizado la actividad de manera satisfactoria.
DOM en ventana secundaria
Realizar una aplicación en HTML y JavaScript que realice lo siguiente:
Hacer y llamar a una función que:
- Abra una nueva ventana no redimensionable.
- Escribir en la nueva ventana
<h3>Ejemplo de Ventana Nueva</h3> - URL Completa: <XXXX>
- Protocolo utilizado: <XXXX>
- Nombre en código del navegador: <XXXX>
- Que detecte si está JAVA disponible en esa ventana del navegador y si es así que escriba:
- Java SI disponible en esta ventana, o bien.
- Java NO disponible en esta ventana.
- Que abra un iframe con el contenido de
y de 800x600.
Donde aparecen las <XXXX> tendrá que aparecer el cálculo o texto que corresponda.
📷 Cuando termines todos los pasos, haz varias capturas para demostrar que has realizado la actividad de manera satisfactoria.