Saltar al contenido
CodigoDev

10 Ejercicios Resueltos de Funciones en JavaScript

JavaScript Básico
10 Ejercicios Resueltos de Funciones en JavaScript
lightbulb Introducción al ejercicio

Aprende a crear y utilizar funciones en JavaScript con esta guía práctica. Mejora tu lógica de programación resolviendo 10 ejercicios paso a paso, ideales para principiantes. Descubre cómo estructurar código reutilizable y eficiente de forma sencilla y directa.

menu_book

Aprendizaje teórico

¿Qué es una función?

Una función en JavaScript es un bloque de código diseñado para realizar una tarea específica. Piensa en ella como una pequeña máquina: le entregas materiales (parámetros), hace un trabajo interno y devuelve un resultado procesado.

¿Para qué sirve?

Su mayor ventaja es la reutilización. En lugar de copiar y pegar las mismas líneas, escribes la función una sola vez y la invocas cada vez que la necesitas. Esto hace que el código sea limpio y fácil de reparar.

¿Cómo funciona?

Para crear una función básica usamos function, le asignamos un nombre descriptivo, abrimos paréntesis para los datos que recibirá y usamos llaves para el código interno.

function saludar(nombre) {
  return "¡Hola, " + nombre + "!";
}

console.log(saludar("Ana"));

Usamos return cuando queremos que la función devuelva el resultado para usarlo después.

Ejercicio 1: Tu primera función

help_outline Problema:

Crea mostrarMensaje sin parámetros, imprime ¡Bienvenidos a JavaScript! y ejecuta la función.

Pista

Usa console.log() dentro de la función y llámala al final con su nombre seguido de paréntesis.

code Solución explicada:
javascript 
function mostrarMensaje() {
  console.log("¡Bienvenidos a JavaScript!");
}

mostrarMensaje();

terminal Resultado esperado: 

¡Bienvenidos a JavaScript!

Ejercicio 2: Función con un parámetro

help_outline Problema:

Escribe despedir, que reciba un nombre y devuelva un mensaje de despedida personalizado.

Pista

Declara el parámetro entre paréntesis y usa return para construir el mensaje.

code Solución explicada:
javascript 
function despedir(nombre) {
  return "¡Hasta luego, " + nombre + "!";
}

const mensaje = despedir("Carlos");
console.log(mensaje);

terminal Resultado esperado: 

¡Hasta luego, Carlos!

Ejercicio 3: Sumar dos números

help_outline Problema:

Crea sumar, que acepte dos números, los sume y devuelva el resultado.

Pista

Usa dos parámetros separados por coma y el operador +.

code Solución explicada:
javascript 
function sumar(a, b) {
  return a + b;
}

const resultadoSuma = sumar(5, 7);
console.log("La suma es:", resultadoSuma);

terminal Resultado esperado: 

La suma es: 12

Ejercicio 4: Convertir minutos a segundos

help_outline Problema:

Escribe minutosASegundos, que reciba minutos y devuelva su equivalente en segundos.

Pista

Un minuto tiene 60 segundos. Multiplica el parámetro por 60.

code Solución explicada:
javascript 
function minutosASegundos(minutos) {
  return minutos * 60;
}

console.log("3 minutos son " + minutosASegundos(3) + " segundos.");

terminal Resultado esperado: 

3 minutos son 180 segundos.

Ejercicio 5: Determinar si es par o impar

help_outline Problema:

Crea esPar, que devuelva true si un número es par y false si es impar.

Pista

Comprueba si numero % 2 === 0.

code Solución explicada:
javascript 
function esPar(numero) {
  if (numero % 2 === 0) {
    return true;
  } else {
    return false;
  }
}

console.log("¿El 4 es par?:", esPar(4));
console.log("¿El 7 es par?:", esPar(7));

terminal Resultado esperado: 

¿El 4 es par?: true
¿El 7 es par?: false

Ejercicio 6: Calcular el área de un rectángulo

help_outline Problema:

Escribe una función que reciba base y altura y devuelva el área del rectángulo.

Pista

La fórmula es base multiplicada por altura.

code Solución explicada:
javascript 
function calcularAreaRectangulo(base, altura) {
  return base * altura;
}

const area = calcularAreaRectangulo(10, 5);
console.log("El área del rectángulo es: " + area);

terminal Resultado esperado: 

El área del rectángulo es: 50

Ejercicio 7: Comprobar mayoría de edad

help_outline Problema:

Crea esMayorDeEdad, que devuelva Es adulto si la edad es 18 o mayor y Es menor en caso contrario.

Pista

Usa if...else evaluando edad >= 18.

code Solución explicada:
javascript 
function esMayorDeEdad(edad) {
  if (edad >= 18) {
    return "Es adulto";
  } else {
    return "Es menor";
  }
}

console.log("Persona de 20 años:", esMayorDeEdad(20));
console.log("Persona de 15 años:", esMayorDeEdad(15));

terminal Resultado esperado: 

Persona de 20 años: Es adulto
Persona de 15 años: Es menor

Ejercicio 8: Encontrar el número mayor

help_outline Problema:

Desarrolla una función que reciba dos números y devuelva el mayor de los dos.

Pista

Compara con >. Si el primero es mayor, devuélvelo; en caso contrario, devuelve el segundo.

code Solución explicada:
javascript 
function encontrarMayor(num1, num2) {
  if (num1 > num2) {
    return num1;
  } else {
    return num2;
  }
}

console.log("El mayor entre 15 y 42 es:", encontrarMayor(15, 42));

terminal Resultado esperado: 

El mayor entre 15 y 42 es: 42

Ejercicio 9: Función flecha (Arrow Function) básica

help_outline Problema:

Reescribe la suma de dos números usando la sintaxis de función flecha y llama a la variable sumarFlecha.

Pista

Las funciones flecha se declaran como variables y usan => después de los parámetros.

code Solución explicada:
javascript 
const sumarFlecha = (a, b) => {
  return a + b;
};

console.log("Suma con función flecha:", sumarFlecha(8, 10));

terminal Resultado esperado: 

Suma con función flecha: 18

Ejercicio 10: Calcular precio con descuento

help_outline Problema:

Crea una función que reciba el precio original y el porcentaje de descuento y devuelva el precio final.

Pista

Calcula el descuento con (precio * descuento) / 100 y réstalo al precio original.

code Solución explicada:
javascript 
function calcularPrecioFinal(precioOriginal, porcentajeDescuento) {
  const descuentoRealizado = (precioOriginal * porcentajeDescuento) / 100;
  const precioFinal = precioOriginal - descuentoRealizado;

  return precioFinal;
}

const totalAPagar = calcularPrecioFinal(200, 15);
console.log("El precio a pagar con descuento es: $" + totalAPagar);

terminal Resultado esperado: 

El precio a pagar con descuento es: $170
help

Preguntas frecuentes

¿Cuál es la diferencia entre un parámetro y un argumento?

El parámetro es el nombre de la variable que escribes al crear la función. El argumento es el valor real que le pasas cuando la llamas.

¿Es obligatorio usar return en todas las funciones?

No. Una función que solo muestra información con console.log no necesita devolver nada. Sin return, devuelve undefined por defecto.

¿Qué son exactamente las funciones flecha (arrow functions)?

Son una alternativa moderna y más corta para escribir funciones, introducida en ES6. Son excelentes para operaciones breves, aunque no reemplazan completamente a las funciones tradicionales.

task_alt

Conclusión

Dominar las funciones es un paso gigante en tu aprendizaje de JavaScript. Te permiten empaquetar la lógica, evitar repeticiones y hacer el código más profesional. Experimenta cambiando los parámetros, modificando los retornos y creando tus propias funciones para resolver problemas cotidianos.

rocket_launch

Sigue aprendiendo

Documentación oficial de Mozilla para profundizar sobre cómo se declaran y utilizan las funciones en JavaScript.

Tutorial paso a paso sobre las funciones, desde los conceptos básicos hasta ejemplos prácticos.

A
Autor del artículo

Alejandro Nes

calendar_today update Actualizado

Desarrollador de Software y creador de contenido educativo

Sigue practicando

Otros ejercicios prácticos recomendados

Ver todos arrow_forward