Bucles – Do … While

Bucles – Do … While

No. 10 de 12 de articulos. JavaScript

Después de haber utilizado el bucle For (“Para”), a continuación, se describe el primero de los bucles denominados condicionales, ya que dependen de que una condición se cumpla para repetir las acciones que en ellos se especifican.

Este bucle es el denominado do…while, el cual se puede traducir por haz…mientras, el bucle tiene la siguiente sintaxis.

do {
  Acción/es…;
  Acción/es…;
} while ( condición_a_evaluar );

El funcionamiento del bucle seria el siguiente, el flujo del programa entra en el bucle y ejecuta una vez las acciones que se especifican dentro del bloque, cuando haya ejecutado las acciones se evalúa la condición especificada, y en caso de cumplirse se vuelve a repetir el conjunto de acciones, en caso contrario se da por finalizada la ejecución del bucle.

Teniendo en cuenta la sintaxis anterior realizar un ejercicio en el cual se muestren los valores de 1 a 10.

// Ejercicios y prácticas de programación en JavaScript
// Crear variables auxiliares
var contador=0;
// Inicializar el contador 
contador=1;
// repetir mientras que el contador tenga
// un valor inferior a 10
do {
  // visualizar el valor de contador
  console.log(contador);
  // incrementar contador en una unidad
  contador=contador+1;
} while(contador<11);

// Se ha de tener en cuenta que el no incrementar
// el contador puede tener como consecuencia
// la ejecución de un bucle infinito y por tanto
// el bloqueo del programa.
// Gracias por su visita a www.aprendoencasa.com

El resultado que se ha de obtener en la consola del navegador ha de ser similar al que se muestra a continuación.

¡¡ Otro ejercicio con más dificultad !!, no desesperéis si no os sale, intentar realizar ejercicios más simples, hasta lograr entender el que se os plantea a continuación. Recordar que, para un programador, la paciencia y constancia no son virtudes, ¡son obligaciones! 🙂

El ejercicio que se plantea es rellenar una lista de un formulario con los números del 1 al 20 y traspasar a otra lista los números primos de la primera lista.

Para realizar estas acciones se han insertado tres botones, uno que genera los números del 1 al 20 en la primera lista, un segundo botón que permite borrar los números generados de la primera lista y por último otro botón que lee los números de la primera lista y traspasa a la segunda solo aquellos que sean primos.

<!DOCTYPE HTML>
<html>
<head>
  <title>Bucle Do...While</title>
  <meta charset="utf-8">
  <meta name="author" content="josé sáez">
  <meta name="generator" content="www.aprendoencasa.com">
  <link rel="stylesheet" type="text/css" href="estilos.css">
</head>
<body>
<!-- titulo -->
<h3>Bucle Do...While</h3>
<!-- formulario -->
<form action="#" name="formulario1" id="formulario1">
    <!-- seccion izquierda con lista de números -->
    <section class="izquierda">
        <label for="lista1">Lista con números generados</label>
        <br>
        <select name="lista1" id="lista1" size="20"></select>
    </section>
    <!-- seccion central con los botones de acción -->
    <section class="centro">
        <button id="generar_numeros" name="generar_numeros" id="generar_numeros">Generar Números</button>
        <button id="borrar_lista" name="borrar_lista" id="borrar_lista">Borrar Lista</button>
        <button id="generar_primos" name="generar_primos" id="generar_primos">Generar Primos</button>
    </section>
    <!-- sección derecha con la lista de números primos -->
    <section class="derecha ultimo">
        <label for="lista2">Lista con números primos</label>
        <br>
        <select name="lista2" id="lista2" size="20"></select>
    </section>
    <div class="limpiar"></div>
</form>

<!-- cargar archivo de javascript -->
<script src="principal.js"></script>
</body>
</html>
/*
    Incluir fuentes de google
*/
@import url('https://fonts.googleapis.com/css?family=Sansita');


/* fuente para todo el documento */
body {
    font-family: 'Sansita', sans-serif;
}

/* Formulario */
body form {
    width: 90%;
    margin: 0 auto;
    padding: 1%;
    box-sizing: border-box;
    border: 1px solid grey;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
}

/* Sección izquierda del formulario */
.izquierda, .centro, .derecha {
    box-sizing: border-box;
    float: left;
    margin-right: 5%;
    width: 30%;
}

label {
    margin-bottom: 5px;
    display: block;
    text-align: center;
}

select {
    width: 100%;
    background-color: #66CC99;
    color: #ffffff;
}

button {
    border: none;
    background-color: #0099CC;
    padding: 5px;
    width: 100%;
    color: #ffffff;
    height: 40px;
    margin: 5px;
}

.ultimo {
    margin-right: 0px;
}




.limpiar {
    clear: both;
}
/*
    Bucle do ... while ejercicios y prácticas de programación aprendoencasa.com
*/

window.onload = function() {
    document.getElementById("generar_numeros").addEventListener("click",function(e){
        e.preventDefault();
        var lista = document.getElementById("lista1");
        lista.options.length = 0;
        var contar=1;
        do {
            let opcion = document.createElement("option");
            opcion.text = contar;
            lista.add(opcion);
            contar=contar+1;
        } while(contar<=20);
    });
    document.getElementById("borrar_lista").addEventListener("click",function(e){
        e.preventDefault();
        var lista = document.getElementById("lista1");
        lista.options.length = 0;
    });
    document.getElementById("generar_primos").addEventListener("click",function(e){
        e.preventDefault();
        let listap = document.getElementById("lista1");
        let listas = document.getElementById("lista2");
        let cuantoslistap = listap.options.length;
        if(cuantoslistap>0) {
            let contar=0;
            do {
                let numero = 0;
                numero = listap.options[contar].text;
                let divisor_inicial = 2;
                let divisor_final = numero;
                let divisores = divisor_inicial;
                let primo = "si";
                for(let d = divisor_inicial; d < divisor_final && primo=="si" ; d++ ) {
                    if( numero%d == 0 ) {
                        primo="no";
                    }
                }
                if(primo=="si") {
                    let opcion = document.createElement("option");
                    opcion.text = numero;
                    listas.add(opcion);
                }
                contar++;
            } while(contar<cuantoslistap);
        }
    })
}

 

Bucles – For

Bucles – For

No. 9 de 12 de articulos. JavaScript

Uno de los procedimientos más utilizados en cualquier lenguaje de programación es la utilización de bucles. Un bucle es la repetición de un conjunto de sentencias, un numero determinado de veces o su repetición mientras se cumpla una condición.

En varios lenguajes de programación se establecen diferencias entre las diferentes sentencias para realizar bucles, distinguiéndolas principalmente en bucles condicionales y bucles incondicionales.

En JavaScript no se aprecia tal distinción ya que las sentencias que sirven para realizar iteraciones, tienen todo un factor de condición.

Aun así, es conveniente saber aplicar un tipo u otro y esto dependerá en gran medida de que se sepa el principio y final de un bucle, o el bucle dependa de una condición. Dependiendo de esta medida a tomar se utilizará una sentencia u otra.

La primera sentencia para realizar bucles, es el bucle denominado For (“Para”), el cual tiene la siguiente sintaxis:

for ( variable = valor_inicial ; condición_a_evaluar ; incremento ) {
     acción/es a realizar ;
     acción/es a realizar ;
};

 

El funcionamiento de la sentencia For, es el siguiente, cuando el flujo del programa entra en el bucle, se asigna en primer lugar “valor_inicial”, a la “variable” especificada, a continuación se realiza la evaluación de la condición especificada en “condición_a_evaluar”, si la condición se cumple, es decir es verdadera se ejecutan las acciones especificadas dentro del bloque correspondiente al bucle, otra forma de expresarlo es que se ejecutan las ordenes que estén situadas entre las llaves { } del bucle, una vez ejecutadas las sentencias del bloque, se aplica a “variable” el incremento especificado por “incremento” y se vuelve a evaluar la condición, repitiéndose el proceso de nuevo si es verdadera y finalizando la ejecución del bucle en caso de ser falsa.

A este tipo de bucle se les denomina incondicionales, aunque como se ha comentado anteriormente tengan condición, y normalmente se han de utilizar cuando se conoce el principio y el final de repetición del bucle.

Teniendo en cuenta la sintaxis anterior, el siguiente ejercicio práctico con solución, plantea un algoritmo que visualice los números del 1 al 10.

/*
  Algoritmo que visualiza los números del 1 al 10
*/

var numeros = 0;
for( numeros = 1 ; numeros < 11 ; numeros++ ) {
    console.log(numeros);
}

/*
  Algoritmo que visualiza los números del 10 al 1
*/

for (let contar = 10 ; contar > 0 ; contar-- ) {
    console.log(contar);
}

/*
  Ejercicios y prácticas de programación en JavaScript
  Gracias por visitar www.aprendoencasa.com
*/

 

 

Poco a poco iremos incrementado la dificultad de los ejercicios y es por eso que intercalaremos explicaciones de otros temas. En esta ocasión el bucle For, que hemos utilizado en el ejemplo anterior, utiliza para aplicar el incremento de valor a la unidad el operador ++.

Se puede utilizar para incrementar o decrementar el valor de la variable el operador unario “Incremento” ( ++ ), y el operador unario “Decremento”.

La función del operador ++ es la de aumentar en una unidad el valor del operando, dependiendo de donde se situa respecto al operando se denomina preIncremento o posIncremento. Observe el siguiente ejemplo:

/*
  Ejemplo práctico operador Incremento y Decremento
*/
var NumeroA = 10;
var NumeroB = 10;
var NumeroC = 0;
var NumeroD = 0;
NumeroC = NumeroA++;
NumeroD = ++NumeroB;
console.log("A = "+NumeroA);
console.log("B = "+NumeroB);
console.log("C = "+NumeroC);
console.log("D = "+NumeroD);

El resultado una vez ejecutado en el navegador es el siguiente.

Como se puede ver en el ejemplo la variable “NumeroC”, contiene como valor 10, esto es mientras que el resto contiene como valor 11, es debido a que se ha utilizado el operador como postincremento y por tanto primero se realiza en primer lugar la asignación y posteriormente se aumenta el valor de la variable “NumeroA”, en una unidad.

Volviendo a la sentencia For para realizar bucles, el incremento no necesariamente ha de ser de una unidad, ya que se puede utilizar el concepto de acumulador para el incremento, variable=variable+valor.

El siguiente ejemplo práctico muestra un ejercicio en el cual se realiza la visualización de los números pares entre 2 y 20.

/*
 Ejercicios y prácticas resueltas en JavaScript
 Sentencia For - Bucles
 www.aprendoencasa.com
 
 Ejercicio: Visualizar los números pares entre 2 y 20
 
*/

for(let numero=2; numero<=20 ; numero=numero+2 ) {
  console.log( numero );
}

El resultado en el navegador ha de ser el siguiente.

El siguiente ejercicio resuelto que se muestra solicita mediante un formulario html, los valores de inicio y final del bucle for, y visualiza como quedaría el bucle generado y el resultado que se obtendría del mismo.

 

<!DOCTYPE HTML>
<html>
<head>
  <title>Bucle For - Javascript</title>
  <meta charset="utf-8">
  <meta name="author" content="José Sáez">
  <meta name="generator" content="www.aprendoencasa.com">
  <link rel="stylesheet" type="text/css" href="estilos.css">
</head>
<body>
    <!-- Titulo -->
    <h3>Bucle For - Javascript</h3>
    <!-- Parrafos explicación -->
    <p>Ejercicios y prácticas de programación en JavaScript con solución</p>
    <p>El siguiente ejercicio muestra el uso del bucle For en JavaScript permitiendo la introducción de los valores iniciales y finales del bucle, mostrando el resultado en el navegador.</p>
    <!-- Formulario de petición de datos -->
    <form action="#" name="formulario1" id="formulario1">
        <label for="Inicio">Inicio</label><br>
        <input type="text" name="Inicio" id="Inicio" /><br>
        <label for="Final">Final</label><br>
        <input type="text" name="Final" id="Final" /><br><br>
        <!-- Botones -->
        <button id="generar" name="generar">Generar</button>
        <button id="ejecutar" name="ejecutar">Ejecutar</button>
    </form>
    <br>
    <!-- Ventana previsualización Orden -->
    <label for="generado">Previsualizar Sentencia</label><br>
    <textarea name="generado" id="generado" cols="60" rows="5" readonly></textarea>
    <br>
    <!-- Ventana previsualización resultado -->
    <label for="resultado">Resultado</label><br>
    <textarea name="resultado" id="resultado" cols="60" rows="5" readonly></textarea>
    <!-- Inserción de script javascript -->
    <script src="principal.js"></script>
</body>
</html>

 

/*
    FUENTES GOOGLE FONTS
    ====================
    Importar fuentes del servidor google
*/

@import url('https://fonts.googleapis.com/css?family=Sansita');
@import url('https://fonts.googleapis.com/css?family=PT+Sans');
@import url('https://fonts.googleapis.com/css?family=Nova+Mono');


/* Establecer la fuente del titulo */
body h3 {
    font-family: 'Sansita', sans-serif;
}

/* Establecer la fuente de los parrafos */
body p {
    font-family: 'PT Sans', sans-serif;
}


/* Establecer estilos para el area de texto de previsualizacion de la sentencia For */
#generado {
    background-color: #EEEEEE;
    color: #ffffff;
    font-family: 'Nova Mono', monospace;
}
/*
    Funcion a ejecutar al cargar la página
*/
window.onload = function() {
    /* Asignar evento al botón generar sentencia */
    document.getElementById('generar').addEventListener("click",function(e){
        e.preventDefault();
        var areagenerado = document.getElementById("generado");
        areagenerado.innerHTML = "for (let x = "+document.getElementById("Inicio").value +
        " ; x <= "+document.getElementById("Final").value + " ; x++) {\n" +
        " console.log( '-' + x  );\n" +
        "}";
    });
    /* Asignar evento al botón generar previsualización */
    document.getElementById("ejecutar").addEventListener("click",function(e){
        e.preventDefault();
        var arearesultado = document.getElementById("resultado");
        var mensaje = "";
        var inicio = document.getElementById("Inicio").value;
        var final = document.getElementById("Final").value;
        for(let x=inicio; x<=final; x++) {
            mensaje=mensaje+"-"+x;
        }
        arearesultado.innerHTML = mensaje;
    });
}

 

j

Ejercicio 1 - Bucle For

Realizar un ejercicio que visualice los números del 1 al 10 en orden inverso.

j

Ejercicio 2 - Bucle For

Vamos a complicar los ejercicios. Realizar un ejercicio en el cual se visualice una cuenta de 1 a 10, y a la vez, una cuenta inversa de 10 a 1.

j

Ejercicio 3 - Bucle For

Más complicación!!, realizar un ejercicio en el cual se visualicen los números primos del 1 al 20.

Control de Flujo – Switch

Control de Flujo – Switch

No. 8 de 12 de articulos. JavaScript

La sentencia switch al igual que la anterior sentencia “si condicional” permite realizar ciertas acciones dependiendo del valor y evaluación de una variable. Es decir, realiza la comprobación del valor de una variable y según su valor ejecuta unas ordenes u otras.

La sintaxis que se ha de utilizar para la sentencia switch, es la siguiente.

switch ( variable_a_evaluar ) {
  case Valor :
    acción/es a realizar …;
    break;
  case Valor :
    acción/es a realizar …;
    break;
  default:
    acción/es a realizar;
    break;
}

Para comprender su funcionamiento mejor, vamos a plantear un caso en el cual se solicita el “estado civil” de una persona, las opciones posibles serán “casado”, “separado”, “soltero” y “viudo”, a las distintas opciones le asignaremos un valor a cada una desde 1 a 4, y la sentencia switch ha de evaluar el valor y según cual sea visualizar un mensaje u otro. El ejercicio planteado podría ser el siguiente.

var estadocivil = 1;
switch ( estadocivil ) {
case 1:
    document.write(“El  usuario/a está casado/a”);
    break;
  case 2:
    document.write(“El usuario/a está separado/a”);
    break;
  case 3:
    document.write(“El usuario/a está soltero/a”);
    break;
case 4:
    document.write(“El usuario/a está viudo/a”);
    break;
default:
    document.write(“El usuario/a  no ha tecleado una opción válida”);
    break;
}

 

La sentencia “break”, que incluye cada grupo de instrucciones, hace que el programa solo ejecute las acciones que corresponden al valor evaluado, si se omite el programa continuara ejecutando las sentencias de los diferentes casos expresados en la sentencia switch.

Aprovechando esta circunstancia, se puede utilizar “break” o no para examinar “rangos” de valores, supongamos que se quiere realizar un programa en el cual se solicita un valor de 1 a 10 y dependiendo de si el valor introducido es de 1 a 4, el descuento de un artículo será del 2%, si es de 5 a 8 será del 3% y si es de 9 a 10 será del 4%. Teniendo en cuenta los parámetros anteriores puede quedar así su programación.

var tipo = 7;

switch( tipo ) {
  case 1:
  case 2:
  case 3:
  case 4:
       descuento = 2/100;
       break;
  case 5:
  case 6:
  case 7:
  case 8:
       descuento = 3/100;
       break;
  case 9:
  case 10:
       descuento = 4/100;
       break;
  default:
       descuento = 0;
       break;
}

 

Literales en JavaScript

Literales en JavaScript

No. 6 de 12 de articulos. JavaScript

Literales

Los “literales” se utilizan para representar valores en JavaScript. Son valores fijos, no variables, que como su nombre indica son literalmente proporcionados por el programador en el código. El término “literal” uno de sus significados es “Que reproduce exactamente lo que se ha dicho o se ha escrito “, en el código se utiliza para expresar los valores que se desea que tengan las variables, objectos, etc.

Supongamos el siguiente ejemplo de código en el cual se realiza la definición de variables inicializando las mismas con un valor.

 

var saludo = “Hola Mundo”;

var edad = 47;

 

Pues los dos valores expresados “Hola Mundo” y 47, es lo que denominamos literales.

Los diferentes tipos de literales que se pueden encontrar son:

Literales Array

un literal de tipo array es una lista entre corchetes “[ ]” de cero o más expresiones, las cuales cada una de ellas representan un valor del array (la traducción de array, puede ser tabla, conjunto, formación, tabla, matriz, vector, etc.).

Cuando se crea un array utilizando un literal de tipo array, el array se inicializa con los valores especificados en la lista y la longitud del array viene determinada por el número de elementos de la lista.

El siguiente ejemplo muestra la creación de un array denominado personas el cual se inicializa a cuatro valores con un literal de tipo array.

var nombresPersonas = ["Mar","José","Lucía"];

No se tienen porque especificar todos los valores del array, para realizar esta acción se ponen las comas que delimitan el elemento, pero no el valor del mismo, esa posición del array será inicializada con un valor undefined.

// Ejemplo de inicialización de array con literales

var animales = ["Perro", ,"Gato"];

 

Se ha de tener en cuenta que los índices que se utilizan para acceder a los elementos de un array, comienzan en el valor 0. Supongamos el siguiente ejemplo.

// Creación de array con elementos separados con comas adicionales.

var nombresPersonas = [ , "Mar" , , "Lucía" ];

El ejemplo anterior crea un array de cuatro elementos 0, 1, 2 y 3, los elementos 0 y 2 tendrán un valor “undefined”.

Literales Booleanos

Los literales booleanos tienen dos valores posibles true y false, no se han de confundir con los valores true y false del objeto Booleano.

Literales Enteros

Los enteros se pueden expresar en binario (“en base 2”), en octal (“en base 8”), en decimal (“en base 10”), y en hexadecimal (“en base 16”).

  • Los literales enteros en decimal son una secuencia de dígitos del 0 al 9, que no han de comenzar por el digito 0, ya que expresaría un cambio de base.
  • El literal 0 al principio del literal indica que el literal está en base octal y solo se pueden utilizar los dígitos del 0 al 7.
  • Si el literal se inicia con 0x, se está indicando que el literal está en base hexadecimal y puede incluir los dígitos del 0 al 9 y los caracteres de la “a” a la “f”, o de la “A” a la “F”.

Los siguientes ejemplos muestra el uso de literales enteros en distintas bases.

// Ejemplos de literales enteros en distintas bases 

var edad_Persona1 = 30: 
var edad_Persona2 = 036;
var edad_Persona3 = 0x1E;

Literales de punto flotante

Los literales de punto flotante expresan valores numéricos que contienen decimales. y puede estar compuesto por las siguientes partes.

  • Un entero en decimal que puede estar precedido por el símbolo “+” o “-“.
  • Un símbolo “.” Que expresa el valor decimal y se utiliza el punto decimal.
  • Puede estar compuesto por una fracción
  • Puede tener un exponente. En caso de especificarse se ha de anteponer el carácter “e” o “E” al número entero que representa el exponente.

Algunos ejemplos de literales en punto flotante pueden ser los siguientes:

// Ejemplos de literales en punto flotante

var dato_1 = 3.1415;
var dato_2 = -3.1E12;
var dato_3 = .1e12;

Literales de tipo Objeto

Un literal de tipo objeto es una lista compuesta de 0 o más parejas de valores. Cada elemento de la lista este compuesto por una propiedad y un valor. Los elementos de la lista se han de encerrar entre llaves “{ }”.

Los valores constan de una “propiedad” y un valor para dicha propiedad. La propiedad se expresa como un literal de tipo texto, y han de cumplir con los nombres validos que se pueden utilizar en javascript. El valor para la propiedad puede ser de cualquier tipo, incluso puede ser otro literal de tipo objeto.

Si el nombre de la propiedad no cumple con los nombres válidos, la propiedad no podrá ser accedida utilizando la notación “.” Para acceder a las propiedades de objeto, pero si se puede acceder a la misma utilizando la notación de índices para arrays.

El siguiente ejemplo muestra el uso de literales de tipo objeto en javascript.

// Definición del objeto en javascript

var Coche = {
  ruedas : 4,
  color: "rojo",
  "max velocidad" : 120,
  combustible : "Diesel"
}

console.log( Coche.ruedas );
console.log( Coche.color );
console.log( Coche[2] );
console.log( Coche.combustible );

Literales String

Un literal de tipo string se corresponde con cero o más caracteres encerrados dentro de unas comillas dobles “” o comillas simples ‘’.  En caso de realizar la delimitación de los caracteres con un tipo concreto de comillas, no se pueden mezclar las comillas simples y dobles.

Javascript permite utilizar cualquiera de las funciones del objeto String, aplicándolas sobre un literal, ya que javascript crea temporalmente con el literal un objeto de tipo cadena. Se recomienda utilizar literales string en vez de objetos string, a no ser que sea necesario crear un objeto.

Dentro de los literales string se pueden especificar un conjunto de caracteres especiales, normalmente denominados caracteres de escape, siendo estos los siguientes.

  • \b (Retroceso)
  • \f (Avance de página)
  • \n (Nueva línea)
  • \r (Retorno de línea)
  • \t (Tabulador)
  • \v (Tabulador Vertical)
  • \’ (Apóstrofe o comillas sencillas)
  • \” (Comillas Dobles)
  • \\ (Carácter BackSlash)
  • \XXX (Caracteres con codificación latin-1, siendo XXX el código en octal del carácter, entre 0 y 377)
  • \xXX (Caracteres con codificación latin-1, siendo XX dos dígitos hexadecimales entre 00 y FF)
  • \uXXXX (Caracteres Unicode, siendo XXXX cuatro dígitos hexadecimales)

Los siguientes datos son ejemplos de literales de string.

// Ejemplos de literales string

var nombrePersona = "José Sáez";
var direccionWeb = 'http://www.aprendoencasa.com';
var mensaje = "Hola \"Mundo\", Que tal!";

 

Hola Mundo JavaScript

Hola Mundo JavaScript

No. 3 de 12 de articulos. JavaScript

Para poder realizar el ejercico yexperimentar con las herramientas comentadas, y como es obvio también, porque
en casi todos los temarios correspondientes a cursos, ninguno de estos se podría llamar curso si no contiene el tan famoso “Hola Mundo”, que no es ni más ni menos que la introducción al lenguaje expresado en código y que de esta
forma nos iniciemos en el “maravilloso mundo de la programación”. :O)




En esta ocasión para realizar el ejercicio, vamos a utilizar el navegador Mozilla Firefox, una vez ejecutado el programa, se ha de pulsar en el botón correspondiente al menú y seleccionar la opción “Desarrollador”, al pulsar sobre esta opción se presenta un menú de opciones, en el cual se ha de seleccionar la opción “Borrador”, también es posible pulsar la combinación de teclas Mayúsculas + F4.

Al realizar esta acción se ha de presentar en pantalla la siguiente ventana.

ventana borrador mozilla firefox, ejercicios y prácticas de javascript



Una vez situados en la ventana Borrador, se ha de teclear el código que se muestra en la imagen siguiente. la primera parte de código que se ha de teclear es lo que se denomina una función, la cual esta compuesta por la palabra reservada “function”, seguida del nombre que se quiere asignar a la función, a continuación se abren paréntesis y si la función ha de recibir algún parámetro, se teclean los nombres de los parámetros separados por comas, en esta ocasión el nombre del parámetro que se quiere recibir es una cadena de texto, y se ha denominado sNombre, se antepone la letra “s” en esta ocasión para indicar que el tipo de dato que se recibe es una cadena de texto, esta es una buena costumbre de programación, pero no es obligatorio seguirla. Seguidamente se abren llaves y se teclea el código que queremos contenga la función, en este caso se especifica la orden “return”, la cual hace que la función devuelva un resultado, que es un mensaje seguido del valor del parámetro que se haya especificado en la llamada a la función.

Una vez finalizada la función, y fuera de la misma se especifica la orden de llamada a la misma, para realizar esta acción se ha de teclear el nombre de la función, pasando entre los parámetros la cadena de texto que se quiere enviar a la función.

Tecleado el código, para ejecutar la función se  puede pulsar el botón “Mostrar”, en la ventana “Borrador”, el cual al pulsarlo ha de mostrar el siguiente resultado.

ventana borrador mozilla firefox, ejercicios y prácticas de javascript

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies

ACEPTAR
Aviso de cookies