Teoría

• En Javascript, ¿cómo se llama el objeto que representa una expresión regular?

RegExp

• ¿Qué función existe en el DOM, (Document Object Model, Modelo de Objetos para la representación de documentos)?

getElementsByld()

• ¿Qué es onBlur?

Un gestor de eventos

• ¿Qué puedes hacer con OnMouseOver?

Este evento se desata cuando el puntero del ratón entra en el área ocupada por un elemento de la página

• De las siguientes expresiones marca las correctas:

-a) Blur es un evento que ocurre cuando se pierde el foco V

-b) Click es un evento que ocurre cuando se pulsa una tecla del teclado F

-c) focus es un evento dado a un objeto y que a la vez lo pierde otro (Es contrario a Blur)V

-d) mouseover es una variable de salida cuando el usuario mueve el puntero del ratón por encima de un campo de formulario F

-e) Select es un evento que ocurre cuando el usuario selecciona un campo de un formularioV

-f) Submit es el nombre de una función que asume la preferencia de ejecutar una operación F

-g) unload ocurre cuando el usuario abandona una página. Es lo contrario de onload. V

-h) En la técnica de manejo de eventos, mediante lenguaje de guión, para definir las acciones que se requieren realizar al producirse un evento, se utilizan los manejadores de eventos. V

-i) La propiedad onsubmit="validar"()" es una acción asociada al evento (submit) F

• De las siguientes expresiones regulares Javascript, marca las correctas

a) Para un correo electrónico: /^[0-9a-zA-Z._.-]  +\@[0-9a-zA-Z._.-]+\.[0-9a-zA-Z]+$/  Verdadero 
b) Para un campo de teléfono de 9 dígitos: /^/d(9)$/ Falso
c) Para una fecha: /^\d{1,2}\/\s{1,2}\/\d{2,4}$ Falso
d) Para número de tele´fono:  /[0,9]{2,3}-??[0-9](6-7)$ Falso

• Para validar expresiones de la forma 1234-ABC, utlizamos el siguinet código de validación 

/\d{4}[-][A-Z]{3}\b/

• ¿Qué es lo que hace el siguiente código de función? 

 a) Esta función impide al ususrio introducir en un determinado campo caracteres no alfabéticos.

• El siguiente código de validación corresponde a:

/^[-\w.%+]{1,64}@(?:[A-Z0-9-]{1,63}\.){1,125}[A-Z]{2,63}$/
--un correo electrónico 

• ¿Qué lenguajes se utilizan en la fase de maquetación?

HTML Y CSS   



 
 

Suma pares entre 20 y 50

<html>
    <head>
    </head>
    <body>
            <script type="text/javascript">
        var i;//variable contador
        var s=0;//variable acumulador
        i=20;//inicializamos i =20
        while(i<=50){
            s=s+i;
            i=i+2
        }
        document.write('la suma de los pares entre 20 y 50 es: ',s);
            </script>
    </body>

</html>

Nos dice qué numeros son primos

<!Algoritmo que dterminan que números son primos y la lectura finaliza con el valor 0>
<html>
<head>
</head>
<body>
<script type="text/javascript">
  var n;//numero
  var i;// bucle
  var primo=0;//contador primos
  var c=0;
    do{
        n=parseInt(prompt('Dame un número positivo',''));
    c++;
        for(i=2;i<n;i++){
        if(n%i==0)
        break;
    else if(i==n-1)
    primo++;
       
        }
        }while(n!=0);
        document.write('De los ',c,'numeros introducidos ',primo,'son primos');
   
</script>
</body>
</html>

Tanto por ciento de suspensos- Nos pregunta cuantas notas queremos leer

<!Algoritmo que nos pide introduccción de las notas de varios alumnos y calcule el tanto por ciento de los suspensos>
<html>
<head>
</head>
<body>
<script type="text/javascript">
  var n;//nota a leer
  var notas;// cantidad notas a leer
  var susp=0;//contador susepnsos
  notas=parseInt(prompt('¿cuántas notas vas a leer? :',''));//comentario
    for(var i=1;i<=notas;i++){
        n=Number(prompt('Dame una nota '+i,''));
        if(n<5)//control de suspensos)
        susp++;
    }
  document.write('El porcentaje de suspensos es: ',(susp/notas)*100,'%');
</script>
</body>
</html>

CaLCULAR EL TANTO POR CIENTO DE LOS SUSPENSOS (nos pide 5 notas)

<!Algoritmo que nos pide introduccción de las notas de cinco alumnos y calcule el tanto por ciento de los suspensos>
<html>
<head>
</head>
<body>
<script type="text/javascript">
  var n;//número
  var i=1;
  do{
  n=parseInt(prompt('Introduce una nota :',''));//comentario
 if(n>=5)
 pos=pos+1;
  else
  neg=neg+1;
 }
 while(());
  document.write(' la suma de los números positivos es',p, 'y de negativos es ',neg);
</script>
</body>
</html>

nos dice cuantos caracteres tiene la palabra o frase que introduzcamos

<html>
    <head>
    </head>
    <body>
            <script type="text/javascript">
        var cadena;// cadena de caracteres a leer
        var longitud;// variable que guarda la longitud de la acdena
        cadena=prompt('Escribe una palabra o frase','');
        longitud=cadena.length;
        document.write('la suma de los caracteres es: ',longitud);
            </script>
    </body>

</html>

Suma numeros pares entre 20 y 50

<html>
    <head>
    </head>
    <body>
            <script type="text/javascript">
        var i;//variable contador
        var s=0;//variable acumulador
        for(i=20;i<=50;i+=2){
            s=s+i;
        }
        document.write('la suma de los pares entre 20 y 50 es: ',s);
            </script>
    </body>

</html>

5 alumnos y nos dice cuantos aprobados y cuantos suspendidos hay

<!programa que pide notas de 5 alumnos y nos dice cuantos aaprobados hay
<html>
    <head>
    </head>
    <body>
            <script type="text/javascript">
        var n;
        var i;
        var ap=0;// declaración de variables

                for(i=1;i<=5;i++){
                n=Number(prompt("Dame una nota:",""));
                if (n>=5){
                ap=ap+1;
            }
            }
            document.write("De los 5 alumnos han aprobado ", ap);
           
            </script>
    </body>

</html>

nos dice cuantos números positivos, cuantos negativos se han metido y termina con pregunat de si o no

<!programa que escibe cuantos numeros positivos y negativos se han leído. la finalizacion de la entrada de datos se realiza por la respuesta al siguiente mensaje"¿terminar S/N? Escrito después de introducir cada nº>
<html>
<head>
</head>
<body>
<script type="text/javascript">
  var n;//número
  var resp='';//var control para seguir s/n
  var pos=0;//contador positivos
  var neg=0;//contador negativos
  do{
  n=parseInt(prompt('dame un número :',''));//comentario1
    if(n>0)
    pos=pos+1;
        else if(n<0)
        neg=neg+1;
        resp=prompt('Terminar S/N?','');
    }
    while((resp=='s')||(resp=='S'));
  document.write(' la suma de los números positivos es',p, 'y de negativos es ',neg);
</script>
</body>
</html>

Calcula los pares que hemos metido y no para de pedir hasta que metemos cero

<html>
<!programa que pide un numero hasta que se introduzca un cero. A continuacion nos difga cuantos pares hemos metido

<html>
    <head>
    </head>
    <body>
            <script type="text/javascript">
        var n;
        p=0;// declaración de variables
       
       
           
            do{
                n=parseInt(prompt('Dame un número 0 para terminar',''));
                if (n!=0 &&n%2==0){
                p=p+1;
            }
           
            }while(n!=0);
            /*otra forma de hacerlo. Con while
            n=parseInt(prompt('Dame un número 0 para terminar',''));
            while(n!=0){
                if(n%2==0){
                    p=p+1;
                }
                n=parseInt(prompt('Dame un número 0 para terminar',''));
            }*/
            //salida
            document.write("la cantidad de pares introducido es ", p);
            </script>
    </body>

</html>

Suma de 5 numeros con For

<html>
    <head>
    </head>
    <body>
    <script type="text/javascript">
        var i;
        var a;
        var suma=0;
       
for (i=0;i<5;i++){
a=parseInt(prompt('Dame un numero',''));
suma=a+suma;
a++;
}

        document.write('la suma de los 5 numeros es ', suma );
            </script>
    </body>

</html>
       
            </script>
    </body>

</html>

Suma de 5 numeros

<html>
    <head>
    </head>
    <body>
    <script type="text/javascript">
        var i;
        var n;
        var a;
        var b;
        var c;
        var suma;
        n= parseInt(prompt('Dame un numero',''));
        i= parseInt(prompt('Dame un numero',''));
        a= parseInt(prompt('Dame un numero',''));
        b= parseInt(prompt('Dame un numero',''));
        c= parseInt(prompt('Dame un numero',''));
        suma=n+i+n+n+n;
      
        document.write('la suma de los 5 numeros es ', suma );
      
            </script>
    </body>

</html>
      
            </script>
    </body>

</html>
</html>

Formulario para sumar 2 numeros

<html>
<body>
    <form>
        Primer numero:
        <input type="text" name="num1" id="num1" />
        <br />
 
        Segundo numero:
        <input type="text" name="num2" id="num2" />
        <br />
 
        <p id="resultado">Suma: </p>
 
        <button type="button" onclick='
            var casilla1=document.getElementById("num1");
            var n1 = casilla1.value;
            var casilla2=document.getElementById("num2");
            var n2 = casilla2.value;
            var resultado=document.getElementById("resultado");
            resultado.innerHTML = "Suma: " +(parseInt(n1)+parseInt(n2));
            resultado.style.color = "blue";
            '>Calcular suma</button>
 
    </form>
</body>
</html>

Style

    <style>
    body 
    {
        background-color: rgb(200,200,200);
        font-family: Sans-Serif;
    }
 
    h1
    {
        font-size: 1.4em;
        color: blue;  
    }
 
    h2
    {
        margin-left: 10px;
    }
 
    p 
    {
        margin-left: 20px;
        text-align: justify;
    }
 
    table
    {
        border: 2px solid black;
        border-collapse: collapse;
    }
 
    td
    {
        border: 1px solid rgb(120,120,120);
        padding: 5px;
    }
    </style>   

Imprimir en pantalla numeros del 1 al 10 con for

<html>
<body>

<script>
    var contador;
    for (contador = 1; contador <= 10; contador++)
    {
        document.write(contador + " ");
    }
</script>
</body>
</html>

¿En qué casos usar bucles, condiciones repetitivas,?

• "for" - Cuando sepamos cuantas veces queremos repetir algo, y usaremos un contador para hacerlo (por ejemplo, escribir 5 veces un texto)
• "do-while" - Cuando algo se deba repetir al menos una vez (por ejemplo, pedir una contraseña)
• "while" - Cuano se trate de algo repetitivo, pero que quizá no llegue a ocurrir nunca, como el mostrar datos de una base de datos... que podría estar vacía.

Múltiplos de 5

<html>
<body>
Multiplos de 5... 
<script>
    var contador;
    for (contador = 1; contador <= 10; contador++)
    {
        if (contador % 5 == 0)
            document.write(contador + " ");
    }
</script>
</body>
</html>
 

Dividir entre 2

<html>
<body>
Dividiendo numeros con do-while...
<script>
    var n1 = prompt("Dime un primer numero");
    var n2;
    do
    {
        n2 = prompt("Dime el segundo numero (no debe ser cero)");
    }
    while (n2 == 0);
    document.write(n1 + " dividido entre "+ n2 + " es: ");
    var resultado = parseInt(n1) / parseInt(n2);
    document.write(resultado);
</script>
</body>
</html>

Meter números del 1 al 10 y que los sume y pseudocódigo

<html>
    <head>
    </head>
    <body>
            <script type="text/javascript">
        var i;// declaracion de variables
        var s=0;//iniciamos s, acumulador de suma
        for (i=1;i<=10;i++){//bucle repetitivo
        s=s+i;//acumulador de suma
        }
        document.write(' La suma de los números de 1 a 10 es: ',s);
            </script>
    </body>

</html>



pseudocodigo


-Declaración variables
  var i;
  var s=0;
-Desde i=1hasta i<10
-s=s+i;
Visualiza S

Nos pide una cantidad y cuanto iva queremos sumarle

<html>
    <head>
    </head>
    <body>
            <script type="text/javascript">
        var precio, a, piva;
        precio = parseInt(prompt('Dame el precio inicial:',''));
        //añadimos el 21% IVA
        a=parseInt(prompt('Introduzca el Iva:',''));
        piva = precio + precio*(a/100);//=precio*(1.21)
        document.write('el resultado es ',piva);
            </script>
    </body>

</html>
       
            </script>
    </body>

</html>