5. 04.funciones parte1

 

Post: Funciones en JavaScript - Parte 1

https://image.png

Duración: 8:17 / 8:34

Introducción a las funciones en JavaScript

Hola, ¿qué tal? Vamos a ver ahora el tema de las funciones en JavaScript, un concepto fundamental para desarrollar nuestros videojuegos.

Variables iniciales

javascript

var vida = 100;
var ataque = 10;
var pocion = 20;

Creando nuestra primera función

La sintaxis básica de una función comienza con la palabra reservada function, seguida del nombre de la función:

javascript

function muestraVida() {
    console.log(vida);
}

Esta función tiene la tarea de mostrar nuestra vida actual en la consola. Para llamarla, simplemente usamos su nombre:

javascript

muestraVida();

Integrando funciones con HTML

Podemos conectar esta función a un botón en HTML:

html

<button onClick="muestraVida()">Mostrar Vida</button>

Cada vez que hagamos clic en este botón, se ejecutará la función y veremos nuestro nivel de vida (100) en la consola.

Función de ataque del enemigo

Creemos una función que simule un ataque enemigo:

javascript

function ataqueEnemigo() {
    vida -= ataque;
    muestraVida();
}

Al llamar esta función (con un botón similar), nuestro personaje perderá 10 puntos de vida cada vez, mostrando el nuevo total en la consola (100 → 90 → 80...).

Función para aumentar vida

Finalmente, creamos una función para recuperar vida:

javascript

function aumentarVida() {
    vida += pocion;
    muestraVida();
}

Con un botón asociado, podremos recuperar 20 puntos de vida cada vez que la usemos (de 60 a 80, por ejemplo).

Conclusión

Como hemos visto:

• Cada función tiene una responsabilidad única

• Podemos llamarlas mediante código o interactuando con la interfaz

• Las funciones nos permiten organizar nuestro código de manera modular

En próximas lecciones exploraremos más formas de trabajar con funciones y cómo integrarlas en nuestros proyectos de juego