JAVASCRIPT

SIMULACRO DE EXAMEN 07/06/2022

Pide los lados de un rectángulo y calcule su área

<html>

base= parseFloat(prompt("Dame la base"));

altura= parseFloat(prompt("Dame la altura"));

area= base*altura;

document.write(area);

</script>

</html>

Pide diez números y devuelve el producto de los cuadrados

<html>

suma=0;

for(i=1;i<11;i=i+1){

a= parseFloat(prompt("Dame un número"));

suma =suma +a*a;

}

document.write(suma);

</script>

</html>

Escribe los primeros diez números de la sucesión de Fibonacci

<html>

document.write("1 <BR> 1 <BR>");

a=1;

b=1;

for(i=1;i<9;i=i+1){

c=a+b;

document.write(c+"<BR>");

a=b;

b=c;

}

</script>

</html>

Genera un número entero al azar del 1 al 100: a= Math.trunc(Math.random(1,101));

El usuario debe acertarlo. El programa pide 10 números. Para cada uno de ellos dice si el que hay que acertar es mayor o menor que el número que el usuario ha dado. Si el usuario acierta, el programa dice “Acertaste”

<html>

a= Math.trunc(100*Math.random());

for(i=1;i<11;i=i+1){

b=parseFloat(prompt("Di un número"));

if (a>b){

alert("Mayor");

}

if (a<b){

alert("Menor");

}

if (a==b){

alert("Acertaste");

}

</script>

</html>

15….La suma de los n primeros números con n variando de 1 A 1O (2 ptos)

<html>

for(i=1;i<11;i=i+1){

a=0;

for(j=1;j<i+1;j=j+1){

a=a+j;

}

document.write(a+"<BR>");

}

</script>

</html>

10. Pide 10 números y los muestra en orden inverso a como se han introducido

<html>

var a = new Array();

for(i=1;i<11;i=i+1){

a[i]=parseFloat(prompt("Dame un número"));

}

for(i=10;i>0;i=i-1){

document.write(a[i]+"<BR>");

}

</script>

</html>

10. Pide 10 números y los muestra ordenados de menor a mayor

<html>

var a = new Array();

for(i=1;i<11;i=i+1){

a[i]=parseFloat(prompt("Dame un número"));

}

for(i=1;i<10;i=i+1){

menor=1000000;

for(j=i;j<11;j=j+1){

if(a[j]<menor){

sitio=j;

menor=a[j];

}

c=a[i];

a[i]=menor;

a[sitio]=c; }

for(i=1;i<11;i=i+1){

document.write(a[i]+"<BR>");

}

</script>

</html>

EJEMPLOS DE EJERCICIOS

SIMPLE CÁLCULO

Pide tres notas y calcula la media
Pide las dimensiones y calcula el área de una figura

FOR

Pide un número n y calcula la media de diez notas pidiéndolas una a una
Factorial de un número
Suma de los n primeros números
Pide un número y escribe la tabla de multiplicar de ese número

FOR DENTRO DE OTRO

Escribir las tablas de multiplicar
Factorial de los diez primeros números
Pide cuatro números y calcula sus factoriales

Pide dos números y escribe el mayor
Pide diez números y escribe el mayor

ARRAYS

Pide diez números y los escribe en orden inverso al de entrada
Pide diez números. Luego pide un número del uno al diez, y escribe el número que ocupa ese lugar en la lista
Pide diez números y los escribe ordenados

MEDIA DE TRES NOTAS

<html>

nota1=parseFloat(prompt("nota1"));

nota2=parseFloat(prompt("nota2"));

nota3=parseFloat(prompt("nota3"));

media = (nota1+nota2+nota3)/3;

document.write(media);

</script>

</html>

---------------------------------------------------------------------------------------------------

HOLA CINCO VECES

<html>

for(i=1;i<6;i++){

document.write("hola <br>");

}

</script>

</html>

-------------------------------------------------------------------------------

NÚMEROS DEL UNO AL CINCO

<html>

for(i=1;i<6;i++){

document.write(i);

document.write("<br>");

}

</script>

</html>

--------------------------------------------------------------------------

CINCO FACTORIAL

<html>

producto=1;

for(i=1;i<6;i++){

producto = producto *i;

}

document.write(producto);

</script>

</html>

---------------------------------------------------------------------------

FACTORIAL DE UN NÚMERO CUALQUIERA

<html>

factorial=1;

n= parseFloat(prompt("Introduce un número"));

for (i=1;i<n+1;i++){

factorial = factorial*i;

}

document.write(factorial);

</script>

</html>

-----------------------------------------------------------------------------------

PRODUCTO DE CINCO SIGUIENTES

<html>

n= parseFloat(prompt("Introduce un número"));

numero = n+1;

for (i=n+2;i<=n+6;i++){

numero = numero*i;

}

document.write(numero);

</script>

</html>

--------------------------------------------------------------------------

TABLAS DE MULTIPLICAR

<html>

for (i=1;i<11;i++){

document.write("TABLA DEL "+i+"<br>");

for(j=1;j<11;j++){

document.write(i+" x "+j+" = "+i*j+"<br>");

}

</script>

</html>

--------------------------------------------------------------------------------------------------------------------------------------------------

CADA ELEMENTO DE UNA FILA ES SUMA DE LOS DOS ELEMENTOS CONTIGUOS DE LA FILA ANTERIOR

<html>

n=parseFloat(prompt("¿Cuántos números tendrá la primera fila?"));

let lista=[];

for(i=1;i<n+1;i++){

lista[i]=i;

}

for(k=2;k<n+1;k++){//Para cada nueva fila (de 2 a n)

for(j=1;j<n-k+3;j++){//Para cada elemento de la fila anterior, que serán uno menos cada vez

document.write(lista[j]+" ");//Escribe el elemento correspondiente de la línea anterior

lista[j]=lista[j]+lista[j+1]; //Calcula el elemento correspondiente de la siguiente fila.Estoy haciendo un poco de trampa, porque está calculando el elemento n que no mostrará, y usando el elemento n+1 al que javascript da valor cero

}

document.write("<br>");

}

document.write(lista[1]);

</script>

</html>

html

1. Edición web.

En este ejercicio se trata de crear una página web. No siempre las páginas web se hacen para verlas en internet. Pueden estar grabadas en el disco duro o en un cd, y verse sin conexión a internet. Por ahora vamos a hacerlas sin colgarlas en internet.

Las páginas web se ven con un navegador: el chrome, internet explorer, el mozilla o cualquier otro. El navegador lee una serie de códigos y los muestra. La página web es un fichero escrito con un código llamado html. Prueba con el mozilla en cualquier página web y pulsa la opción ver código fuente, y verás el código html de la página.

Vamos a ver un ejemplo sencillo. Abre el bloc de notas y escribe el siguiente código:

<html>

hola

</html>

La primera línea dice que el fichero es una página web y que lo que hay en medio de y es el código de la página. Lo que hay en medio es lo que habrá escrito en la página.

Ahora debes guardar el fichero con el nombre adecuado. Los nombres de ficheros tienen dos partes: el nombre y la extensión. Por ejemplo texto.txt. La extensión son las últimas tres letras que están detrás del punto. Indican que es un fichero de texto. Si la extensión es html, indica que es una página web. Para poder ver las extensiones, abre la carptea donde la vas a guardar, pulsa en herramientas, opciones de carpeta, ver, y deshabilita la opción de ocultar extensiones. Guarda la página como ejercicio1.html, y ábrela con el navegador. Esto puedes hacerlo haciendo doble click en el icono, o haciendo click con el botón derecho y pulsando abrir con navegador. Verás como es una página web en la que hay escrito hola

A partir de ahora, cada vez que modifiques la página, graba el fichero, y para verlo no hace falta que cierres la página y la vuelvas a abrir, sino pulsa el botón de actualizar el navegador después de grabar la página. Si quieres abrir la página para modificarla, debes abrirla con el bloc de notas. Para eso selecciona el icono y pulsa el botón derecho del ratón.

Javascript

Un programa es un conjunto de órdenes o instrucciones que se le dan al ordenador para que realice cualquier tarea.

Un script es un programa que está incluido dentro del código html de una página web, y puede escribirse en diferentes lenguajes. Nosotros vamos a aprender un poco de uno llamado javascript.

Para crear un script primero hay que escribir la página tal como la hemos escrito siempre, pero hay que escribir un código para comenzar el script y otro para acabarlo, y en medio de estos dos códigos se introduce el script, tal como se ve en el siguiente ejemplo:

<html>

<head>

<title="prueba>

</head>

<body>

</script>

</body>

</html>

y en medio es donde se escribe el script.Vamos a escribir programas que nos pidan información, hagan una serie de cálculos o tareas sobre esa información, calculen un resultado y lo muestren.

Para ello debemos conocer instrucciones que nos permitan recoger información del usuario, instrucciones para calcular e instrucciones para mostrar resultados:

Para tomar información vamos a usar la instrucción prompt. Se usa como en el siguiente ejemplo:

c = prompt(“escribe un numero);

Esa instrucción muestra al usuario un recuadro de diálogo con el texto escribe un número y un recuadro de texto para que el usuario escriba un número. El número que el usuario escriba será el valor de c.

Ejercicio 1. Escribe una página web con un script en javascript con la instrucción anterior.

Para realizar el cálculo simplemente hacemos algo como b=c+2; entonces suma 2 a c, y el resultado será el valor de c. Podemos hacer por ejemplo c=c+2; entonces suma 2 a c. Para multiplicar no se usa la x, sino el *.

Para escribir el resultado podemos usar la instrucción document.write. Por ejemplo:

document.write (a);

escribirá en el documento el valor de a. document.write (“a”); escribirá la letra a.

Este es un ejemplo de script que calcula el índice de masa corporal

<html>

<head>

<title="prueba>

</head>

<body>

peso=prompt("introduce tu peso en kilos");

altura=prompt("introduce tu altura en centímetros");

altura=altura/100;

indice=peso/(altura*altura);

document.write("Tu índice de masa corporal es ");

document.write(indice);

</script>

</body>

</html>

Las variables en javascript pueden ser de varios tipos, al igual que pasaba con los campos en las bases de datos: pueden ser textos, números, fechas, etc. Las variables que se toman con el prompt son por defecto textos, y si se suman lo hacen como texto. De esta manera 2+2 = 22. En el ejemplo anterior, al multiplicarse, el navegador entiende que son números y las convierte automáticamente. Si voy a sumar números que he cogido con el prompt debo previamente pasarlos de texto a número. Esto se hace así. a= parseFloat(prompt("Introduce un número"); La función parseFloat cambia de texto a número. Fíjate que la F es mayúscula.

1. Haz una página web que tenga un enlace donde se te pregunten tres notas y te calcule la media. Ten en cuenta una cosa: una página será aquella donde se presenta el enlace con la opción de calcular la media, y otra página será similar a la anterior, y contendrá el script que calcula la media.

BUCLE FOR

A veces queremos hacer algo que se repite. Por ejemplo escribir hola mil veces. No queremos escribir document.write("hola"); mil veces. Lo haríamos así:

for(i=1; i<1001; i++){

document.write("hola");

}

El programa pasa por la instrucción 1000 veces. La primera vez i vale 1, la segunda 2, la tercera 3....El programa comprueba si i<1001. Si lo es ejecuta lo que esté entre las llaves. Si i no es menor que 1001 se salta el bucle.

Recuerda que el código para el salto de línea es <br>

2. Escribe un programa que escriba hola cinco veces en diferentes líneas.

3. Escribe un programa que escriba los números del uno al cinco en diferentes líneas. Usa la i, que va variando de uno a cinco

Vamos a ver otro ejemplo que sume los números del uno al 10. La suma se guarda en la variable total:

total = 0;

for(i=1; i<11; i++){

total = total + i;

}

document.write (total);

La primera vez, total vale 0, e i=1, entonces total =total + i, o sea 0 + 1 = 1. Luego i = 2. total = 1 + 2 = 3, y así hasta i= 10

4. Haz un programa que calcule el producto de los cinco primeros números. Es decir: 5*4*3*2*1. El resultado debe dar 120. Ten en cuenta que el signo de multiplicación es * y no x