JSFiddle - React, Tailwind, and code Playground

by Rufuus06

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    
</body>
</html>

JavaScript

// EXPLICACIÓN: 
// El usuario esta comprando en una tienda y le dicen que si compra solo 2 prendas gana unos cupones,
// cada cupón tiene un descuento diferente, y el usuario quiere saber cual seria el precio final 
// por cada cupón.

// Porcentaje de descuentos
var cupones = [ 20, 30, 40, 50 ];

//Creación de la función con funciones creadas en la llamada
function compra( precio1, precio2, mostrar, rebajar )
{
  var precio = precio1 + precio2;

  mostrar( precio );
  rebajar( precio );
} 

// Llamada de la funcion
compra( 10, 15, 
	function( num ) 
  {
  	document.write("El precio final sin descuento es de " + num + "€. <br/>");
	}, 
  function( num )
  {                
  	cupones.forEach( function(elemento, indice, array) 
  {
  
  document.write("El descuento con el cupon " + (indice+1) + " es de " + ( (num*elemento)/100) + "€ menos. <br/>");
  })
});