Anatomía de una función

Una función es un conjunto de instrucciones tareas que realiza una tarea o asigna un valor, también se puede definir como un conjunto de instrucciones que realiza una tarea o calcula un valor Una **definición de función** (también denominada **declaración de función** o **expresión de función**) consta de la palabra clave `function`, seguida de: * El nombre de la función. * Una lista de parámetros de la función, entre paréntesis y separados por comas. * Las declaraciones de JavaScript que definen la función, encerradas entre llaves, `{ ... }`. ```js function calculateDiscountedPrice (price, discountPercentage){ //Se declaran las operaciones const discount = (price * discountPercentage) / 100; const priceWithDiscount = price - discount; return priceWithDiscount; } // Se asigna un valor const originalPrice = 100; const discountPercentage = 20; const finalPrice = calculateDiscountedPrice(originalPrice,discountPercentage); // Se mandan a imprimir los valores console.log (`Precio original de la prenda: ${originalPrice}`); console.log(`Descuento de la prenda: ${discountPercentage} `); console.log(`Precio en rebaja: ${finalPrice}`); ``` 

 en la función que realizamos en clase, lo único que modifique para que el precio y el descuento fuera dinámico, fue pedir el precio original y el descuento con un prompt.

Mi ejercicio practico fue ligeramente diferente ![]()

**NOTAS:** (O apuntes qsy lo mismo)  

functions

```js function calculateDiscounted(Price, Discount) { return Discount * Price / 100 } price = prompt('Ingrese el precio de su producto') discount = prompt('Ingrese el descuento del prodcuto') console.log(getNewProduct(price, discount)) ```function calculateDiscounted(Price, Discount) {    return Discount \* Price / 100} price = prompt('Ingrese el precio de su producto')discount = prompt('Ingrese el descuento del prodcuto')console.log(getNewProduct(price, discount))

👉Se nota mucho el cambio con respecto al anterior (profeTypo), Estefany explica con mas detalle y lo mas importante, no se equivoca al escribir. 🙄

[Javascript Function and Function Expressions](https://www.programiz.com/javascript/function)

Los parámetros son variables que se definen en la declaración de una función, mientras que los argumentos son los valores que se pasan a la función cuando se llama. Por ejemplo, en la función `calculateDiscountedPrice(price, discount)`, `price` y `discount` son parámetros, y cuando llamas a la función con `calculateDiscountedPrice(100, 20)`, los valores `100` y `20` son los argumentos. Esta distinción es fundamental para entender cómo funcionan las funciones en JavaScript.

Recuerdan que los métodos son funciones adentro de un objeto?, bueno, resulta que el método prompt, alert o confirm son funciones que se encuentran dentro del objeto global window de los navegadores web, y entornos como Node.js no lo tienen disponible sin la instalación de una librería.

Algo más corto ``function calculateDiscountedPrice (price, discountPercentage){ return price*((100-discountPercentage)/100)}console.log(`el valor Total es de ${calculateDiscountedPrice(100,20)} pesos`)``

¡Interesante analogía!


Existen otras formas de declarar funciones: ```js // Arrow Function const calculateDiscuount = (price, discount) => price * (1 - discount); console.log(calculateDiscuount(100, 0.2)); ```Y ```js // Default Parameters function sum(a = 1, b = 2) { return a + b; } console.log(sum()); ```

Mi solución agregando un ciclo while con el fin de hacer una lista de compras: ```js const calculateDiscountPrice = (price, discount) => { discount = (price * (discount * 0.1)) + price return discount } const shopping = () => { // let total let discount = 20 let ask = 1 let products = [] while(ask === 1) { ask = parseInt(prompt("¿Quieres comprar o seguir comprando? (envia 1 para si)")) if(ask === 1) { let ask2 = parseInt(prompt("Elige lo que te vas a llevar: 1 - para camisa, 2 - para pantalon, 3 - para gorra")) switch(ask2) { case 1: products.push({ product: 'camisa', price: calculateDiscountPrice(30000, discount) }); break; case 2: products.push({ product: 'pantalon', price: calculateDiscountPrice(40000, discount) }); break; case 3: products.push({ product: 'gorra', price: calculateDiscountPrice(15000, discount) }); break; default: alert("Opción no válida."); break; } } else { alert("Gracias por confiar en nosotros.") if(products.length > 0) { let total = 0 console.log("Tus compras fueron las siguientes") for(shipping of products) { console.log(`${shipping.product} por ${shipping.price}`) total = total + shipping.price } console.log(`Compraste ${products.length} productos para un total de $` + total + "COP") } } } } shopping() ```const calculateDiscountPrice = (price, discount) => {    discount = (price \* (discount \* 0.1)) + price    return discount } const shopping = () => {    // let total     let discount = 20    let ask = 1    let products = \[]        while(ask === 1) {        ask = parseInt(prompt("¿Quieres comprar o seguir comprando? (envia 1 para si)"))        if(ask === 1) {            let ask2 = parseInt(prompt("Elige lo que te vas a llevar: 1 - para camisa, 2 - para pantalon, 3 - para gorra"))            switch(ask2) {                case 1:                    products.push({ product: 'camisa', price: calculateDiscountPrice(30000, discount) });                    break;                case 2:                    products.push({ product: 'pantalon', price: calculateDiscountPrice(40000, discount) });                    break;                case 3:                    products.push({ product: 'gorra', price: calculateDiscountPrice(15000, discount) });                    break;                default:                    alert("Opción no válida.");                    break;            }        } else {            alert("Gracias por confiar en nosotros.")            if(products.length > 0) {                let total = 0                console.log("Tus compras fueron las siguientes")                for(shipping of products) {                    console.log(`${shipping.product} por ${shipping.price}`)                    total = total + shipping.price                }                        console.log(`Compraste ${products.length} productos para un total de $` + total + "COP")            }        }     }} shopping()

Cambie un poco mi codigo y quedo asi ![]()```js function calculoDescuentoDelPrecio (precio, descuentoEnPorcentaje){ const descuento = (precio * descuentoEnPorcentaje) / 100 const precioConDescuento = precio - descuento return precioConDescuento } const precioOriginal = 1500; const descuentoEnPorcentaje = 21; const precioFinal = calculoDescuentoDelPrecio (precioOriginal, descuentoEnPorcentaje); console.log('Precio Original: $' + precioOriginal); console.log('Descuento: ' + descuentoEnPorcentaje + '%'); console.log('Precio con descuento: $' + precioFinal); ```

 Mi codigo! /\* supongamos que es black friday, nos dan el valor de la prenda, y el porcentaje de descuento \*/ function descuento(precio, porcentaje){ let valorFinal=(precio-(precio\*(porcentaje/100))); return valorFinal; } console.log("bienvenido a la tienda de ropa"); let prenda; let porcentaje; let contunuar; let valortotal=0; do{ prenda =prompt("Que precio tiene la prenda "); porcentaje = prompt("de cuanto % es el descuento"); console.log("la prenda te sale en: ",descuento(prenda, porcentaje)); valortotal=valortotal+descuento(prenda, porcentaje) continuar=prompt("Desea agregar otra prenda? escriba si en comillas para continuar"); }while(continuar !== "si"); console.log("El valor total a gastar es de: ",valortotal)


En JavaScript, `const` se utiliza para declarar variables que no deben ser reasignadas después de su inicialización. Esto es útil para mantener la integridad de los datos, especialmente en estructuras como funciones y objetos, donde la inmutabilidad puede evitar errores. Por otro lado, `let` permite la reasignación y es más flexible, pero puede conllevar a errores si se modifica accidentalmente una variable que debería permanecer constante. Usar `const` ayuda a escribir un código más predecible y seguro.

function descuento (*valorPrenda*, *porcentajeDescuento*){ const descuento = (valorPrenda \* porcentajeDescuento)/100; const precioaPagar = valorPrenda - descuento; return precioaPagar; } console.log(descuento(100, 20)); //80

 Yo hice casi todo igual a excepción de que puse prompts para hacerlo un poco mas interactivo y en vez de poner "console.log" puse un "alert" para ver mas cómodamente lo que pasaba en pantalla.

```js function calculateDiscountedPrice (price, discountPercentage){ const priceWithDiscount = price * (100-discountPercentage) * 0.01 return priceWithDiscount } const originalPrice = 100 const discountPercentage = 20 const finalPrice = calculateDiscountedPrice (originalPrice, discountPercentage) console.log('Original Price: $' + originalPrice) console.log('Discount: ' + discountPercentage + ' %') console.log('Price with discount $' + finalPrice) ```function calculateDiscountedPrice (price, discountPercentage){ const priceWithDiscount = price \* (100-discountPercentage) \* 0.01  return priceWithDiscount} const originalPrice = 100const discountPercentage = 20const finalPrice = calculateDiscountedPrice (originalPrice, discountPercentage) console.log('Original Price: $' + originalPrice)console.log('Discount: ' + discountPercentage + ' %')console.log('Price with discount $' + finalPrice)

```js function adivina () { const aleatorio = Math.floor(Math.random() * 10 + 1); let intentos = 3; for (let i = 0; i < intentos; i++) { let adivinar = parseInt(prompt("Adivina un numero del 1 al 10")); if (adivinar == aleatorio) { console.log("Felicitaciones, acertaste!"); return; } else { console.log("Que lastima, no acertaste"); } } console.log(`El numero correcto era: ${aleatorio}`); } adivina(); ```function adivina () {  const aleatorio = Math.floor(Math.random() \* 10 + 1);  let intentos = 3;   for (let i = 0; i < intentos; i++) {    let adivinar = parseInt(prompt("Adivina un numero del 1 al 10"));     if (adivinar == aleatorio) {      console.log("Felicitaciones, acertaste!");      return;    } else {      console.log("Que lastima, no acertaste");    }  }   console.log(`El numero correcto era: ${aleatorio}`);} adivina();

const productos = parseFloat(prompt("Por favor ingrese el valor del producto:")); function calcularPrecioFinal(precio) {    let precioFinal = precio;   if (precio > 25000) {    precioFinal = precio \* 0.8; // Descuento del 20%    console.log(`el descuento de la prenda es del 20%`);  } else if (precio > 15000) {    precioFinal = precio \* 0.9; // Descuento del 10%    console.log(`el descuento de la prenda es del 20%`);  } else if (precio > 5000) {    precioFinal = precio \* 0.95; // Descuento del 5%    console.log(`el descuento de la prenda es del 20%`); }   return precioFinal;} const precioFinal = calcularPrecioFinal(productos); console.log(`el precio original de la prenda es ${productos}`);console.log(`El precio final es: $${precioFinal.toFixed(2)}`);

function calculaDedescuento (precio,descuentoPorcentage){  const descuento = (precio  \* descuentoPorcentage) /100;  const precioconDescuento =  precio -  descuento;   return precioconDescuento; } const precioOrigina = 100;const descuento = 20;const finalprecio = calculaDedescuento(precioOrigina,descuento); console.log(` el precio original de la prenda   es ${precioOrigina} `);console.log(` el  descuento es ${descuento}%`);console.log(` el precio final es  ${finalprecio} `);

Dato curioso e información que cura: . **Nombres en inglés de las llaves que usamos en programación** para abrir y cerrar un bloque de código: {} : Braces (): Parenthesis \[]: Brackets

Curiosamente hoy que estoy viendo el curso es black friday jaja

las variables en javascript deben ser camelCase, descriptivos, intuitivos, y facil de entender para otros desarrolladores. ![]()![]()

## Funciones en JavaScript * Las funciones en JavaScript son como piezas de Lego: se pueden reutilizar y combinar de muchas maneras para crear diferentes resultados. * Permiten escribir funcionalidades genéricas que se pueden usar repetidamente en distintos contextos. ## Ejemplo Real: Calculando Descuentos en Black Friday * Imagina que es Black Friday y quieres calcular el precio final de varias prendas de ropa con descuento. * Hacer estos cálculos manualmente sería tedioso y lento, especialmente con mucha gente comprando. * Usar una función para calcular el precio final con descuento puede ahorrar tiempo y esfuerzo. ### Inputs y Outputs en las Funciones * **Inputs**: Datos de entrada que la función necesita para operar, como el precio original y el porcentaje de descuento. * **Outputs**: El resultado final que la función devuelve, en este caso, el precio con descuento. ## Creación de Funciones en JavaScript * **Definición de una Función**: * Usamos la palabra clave `function` seguida del nombre de la función, parámetros entre paréntesis y el cuerpo de la función entre llaves. ### Anatomía de una Función 1. **Nombre de la Función**: * La palabra clave `function` seguida de un nombre descriptivo en camel case. 2. **Parámetros**: * Valores de entrada que la función utiliza, opcionales. 3. **Cuerpo de la Función**: * Contiene el código que define lo que la función hace, incluyendo opcionalmente un `return` para devolver un valor. 4. **Llamada a la Función**: * Ejecutar la función con sus argumentos, que son los valores reales que se pasan a los parámetros. ### Ejemplo: Función para Calcular Precio con Descuento 1. **Definir la Función**:function calculateDiscountedPrice(price, discountPercentage) { const discount = (price \* discountPercentage) / 100; const priceWithDiscount = price - discount; return priceWithDiscount; } 2. **Llamar a la Función**:const originalPrice = 100; const discountPercentage = 20; const finalPrice = calculateDiscountedPrice(originalPrice, discountPercentage); 3. **Mostrar Resultados**:console.log('Precio original:', originalPrice); console.log('Descuento:', discountPercentage + '%'); console.log('Precio con descuento:', finalPrice); ### Código Completo y Ejecución * **Función para Calcular Precio con Descuento**:function calculateDiscountedPrice(price, discountPercentage) { const discount = (price \* discountPercentage) / 100; const priceWithDiscount = price - discount; return priceWithDiscount; } * **Ejemplo de Uso**:const originalPrice = 100; const discountPercentage = 20; const finalPrice = calculateDiscountedPrice(originalPrice, discountPercentage); console.log('Precio original:', originalPrice); console.log('Descuento:', discountPercentage + '%'); console.log('Precio con descuento:', finalPrice); * **Ejecutar y Verificar Resultados**:console.log('Precio original:', 100); console.log('Descuento:', '20%'); console.log('Precio con descuento:', 80); ## Próximos Pasos * Practicar creando y utilizando funciones con diferentes tipos de entradas y salidas. * Implementar funciones en proyectos reales para automatizar tareas repetitivas. * Explorar más sobre buenas prácticas y optimización en la escritura de funciones en JavaScript.

Una función tiene caráteristicas importantes. Su código debe ser ordenado, no ambiguo, con instrucciones finitas y claras. El código se ejecuta de manera secuencial de arriba hacia abajo.

porque multiplicar y dividir para obtener el porcentage si ya lo damos no es mejor restar el porcentaje y el precio

mejorando la funcion: ```js let precio = parseInt(prompt("Ingrese el precio del producto")).toFixed(2); let descuento = parseInt(prompt("Ingresa el desceunto del producto")).toFixed( 2 ); // Función para calcular el descuento y mostrar el resultado final del precio con descuento. function calcularDescuento(precio, descuento) { let discount = (descuento / 100) * precio; let precioFinal = precio - discount; console.log(`El precio original es de: $${precio} y el descuento aplicado es de: ${descuento}%, estas ahorrando: $${discount.toFixed(2)}, El precio final con descuento es: $${precioFinal} `); } calcularDescuento(precio, descuento); ```

Mi ejemplo de una funcion para calcular el descuento de un producto: ```js function calcularDescuento(precio, descuento) { let discount = (descuento / 100) * precio; let precioFinal = precio - discount; console.log(`El precio original es de: $${precio} y el descuento aplicado es de: ${descuento}%, estas ahorrando: $${discount}, El precio final con descuento es: $${precioFinal} `); } calcularDescuento(400, 20); ```

Una **función** en JavaScript es un bloque de código que realiza una tarea específica o calcula un valor. Las funciones pueden tomar entradas llamadas **parámetros** y devolver una salida. Se invocan (o llaman) cuando es necesario en el programa, lo que permite reutilizar el código de forma modular y eficiente.


En las líneas 1-3 se menciona price, pero a partir de la linea 8 se menciona originalPrice. será que la linea num 10 al pasar la function a const se le están asignando nuevos valores según la linea 10? ![]() 

Mi ejemplo de Anatomía de la función 


```js function CalculateDiscountedPrice(price,discountedPercentage) { const discount = (price * discountedPercentage) / 100; const pricewithdiscount = price - discount; return pricewithdiscount; } const OriginalPrice = parseInt(prompt("Ingresa El Precio Del Articulo")) ; const PercentegeDiscount = parseInt(prompt("Ingresa El Descuento")); const FinalPrice = CalculateDiscountedPrice(OriginalPrice,PercentegeDiscount); alert( "Este Es El Precio De Articulo $ " + OriginalPrice + "\nEste Es El Descuento Aplicado " + PercentegeDiscount + " %" + "\nEste Es El Precio A Pagar : $ " + FinalPrice) ```

Una función en JavaScript es como una receta de cocina. Cuando sigues una receta, haces una serie de pasos para preparar algo delicioso, como un pastel. En JavaScript, una función es como esa receta. Le dices a la computadora qué hacer, y luego puedes usar esa receta siempre que la necesites. Aquí te explico cómo funciona: 1. **Definir la receta**: Primero, tienes que decirle a la computadora cómo hacer algo. Eso es como escribir la receta. En JavaScript, lo haces con una función. Por ejemplo:javascriptCopiar código`function saludar(nombre`) { ` console.log("¡Hola, " + nombre + "!"`); } Aquí, `saludar` es el nombre de la función, y `nombre` es el ingrediente que necesitas (en este caso, el nombre de la persona a quien quieres saludar). 2. **Seguir la receta**: Cuando quieras usar la receta, solo tienes que seguirla. En JavaScript, eso se hace "llamando" a la función con los ingredientes. Por ejemplo:javascriptCopiar código`saludar("Juan"`); Cuando haces esto, la computadora sigue los pasos de la función `saludar` y te muestra: `¡Hola, Juan!` Entonces, en resumen: * **La función** es como la receta. * **Los ingredientes** son los datos que le das a la función (como el nombre en el ejemplo). * **Seguir la receta** es ejecutar la función para hacer algo, como mostrar un saludo.