Funciones
Una función es un conjunto de declaraciones que ejecuta una tarea o produce un valor.
Llamar una Función
Una función es ejecutada cuando es invocada.
En el Código_44, el código texto(cadena1, cadena2), invoca la función texto que muestra por pantalla el mensaje “Hola Mundo”.
Descargar archivo codigo044.html
Copiar enlace:
Pegar enlace en la url del explorador web y descarga el archivo:
Código 44: Llamar una Función
<!-- Archivo: codigo044.html -->
<!-- Documento HTML5 -->
<!DOCTYPE html>
<html>
<head>
<!-- La etiqueta meta que da el formato en español -->
<meta charset="UTF-8">
<!-- Título en la pestaña del navegador -->
<title> Ejercicio </title>
</head>
<body>
<!-- Códigos de JavaScript -->
<script>
// Definición de la función texto
function texto(cadena1, cadena2) {
document.write(cadena1);
document.write(" ");
document.write(cadena2);
}
var cadena1 = "Hola";
var cadena2 = "Mundo";
// Llamar la función texto
texto(cadena1, cadena2);
</script>
</body>
</html>
Enlace: localhost/js_ajax_jquery/codigo044.html
<!-- Archivo: codigo044.html -->
<!-- Documento HTML5 -->
<!DOCTYPE html>
<html>
<head>
<!-- La etiqueta meta que da el formato en español -->
<meta charset="UTF-8">
<!-- Título en la pestaña del navegador -->
<title> Ejercicio </title>
</head>
<body>
<!-- Códigos de JavaScript -->
<script>
// Definición de la función texto
function texto(cadena1, cadena2) {
document.write(cadena1);
document.write(" ");
document.write(cadena2);
}
var cadena1 = "Hola";
var cadena2 = "Mundo";
// Llamar la función texto
texto(cadena1, cadena2);
</script>
</body>
</html>
Enlace: localhost/js_ajax_jquery/codigo044.html
En la Figura 41, al llamar la función texto, envía los valores de las variables de cadena1 y cadena2 y la función escribe en el explorador web “Hola Mundo”.
Figura 41 – Vista en el explorador Web
Código 44: Llamar una Función
El Retorno de una Función
Una función puede retornar un valor y asignarlo a una variable.
En el Código_45, la variable resultado2 invoca la función suma y le envía los valores numéricos de numero1 y numero2, la función suma los dos valores y lo retorna a la variable resultado2.
Código 45: El Retorno de una Función
<!-- Archivo: codigo045.html -->
<!-- Documento HTML5 -->
<!DOCTYPE html>
<html>
<head>
<!-- La etiqueta meta que da el formato en español -->
<meta charset="UTF-8">
<!-- Título en la pestaña del navegador -->
<title> Ejercicio </title>
</head>
<body>
<!-- Códigos de JavaScript -->
<script>
// Definición de la función suma
function suma(numero1, numero2) {
var resultado1 = numero1 + numero2;
// Retorna el valor de resultado1
return resultado1;
}
var numero1 = 2;
var numero2 = 6;
// Llamar la función suma
var resultado2 = suma(numero1, numero2);
// Escribir por pantalla
document.write(resultado2);
</script>
</body>
</html>
Enlace: localhost/js_ajax_jquery/codigo045.html
En la Figura 42, al llamar la función suma, retorna el valor del resultado1 que es 8, luego lo asigna a la variable resultado2 y después lo escribe por pantalla.
Figura 42 – Vista en el explorador Web
Código 45: El Retorno de una Función
Comentarios
Publicar un comentario