Editor - PHP

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <title>Funciones en JS — Ejemplo 1</title>
    <style>
        body  { font-family: Arial, sans-serif; padding: 20px; background: #fff; max-width: 650px; }
        h3    { margin: 20px 0 8px; font-size: 15px; color: #333; }
        table { border-collapse: collapse; width: 100%; margin-bottom: 14px; }
        th    { background: #F7DF1E; color: #333; padding: 8px 12px; text-align: left; font-size: 13px; }
        td    { padding: 8px 12px; border-bottom: 1px solid #eee; font-size: 13px; font-family: monospace; }
        .bloque { background: #f9f9f9; border-left: 4px solid #F7DF1E; padding: 10px 14px; margin: 8px 0; border-radius: 0 6px 6px 0; font-size: 14px; }
        .label  { font-size: 11px; color: #888; font-weight: bold; margin-bottom: 4px; text-transform: uppercase; }
    </style>
</head>
<body>

<h2>Funciones — declaración básica</h2>

<h3>Funciones sin parámetros</h3>
  <div class="bloque"><div class="label">saludar()</div><div id="r1"></div></div>
  <div class="bloque"><div class="label">obtenerFecha()</div><div id="r2"></div></div>

<h3>Funciones con parámetros</h3>
  <table id="tabla1"></table>

<h3>Funciones que devuelven valores</h3>
  <table id="tabla2"></table>

<h3>Funciones que llaman a otras funciones</h3>
  <div class="bloque"><div class="label">calcularPrecioFinal()</div><div id="r3"></div></div>

// Sin parámetros
    function saludar() {
        return "¡Hola desde la función!";
    }

function obtenerFecha() {
        const ahora = new Date();
        return ahora.toLocaleDateString("es-AR", {
            weekday: "long", day: "numeric", month: "long", year: "numeric"
        });
    }

document.getElementById("r1").textContent = saludar();
    document.getElementById("r2").textContent = obtenerFecha();

// Con parámetros
    function presentar(nombre, edad, ciudad) {
        return `Soy ${nombre}, tengo ${edad} años y vivo en ${ciudad}.`;
    }

function esMayorDeEdad(edad) {
        return edad >= 18;
    }

// Funciones que devuelven valores
    function calcularIVA(precio, tasa = 0.21) {
        return precio * tasa;
    }

function areaCirculo(radio) {
        return Math.PI * radio * radio;
    }

function potencia(base, exp) {
        return base ** exp;
    }

function clamp(valor, min, max) {
        if (valor < min) return min;
        if (valor > max) return max;
        return valor;
    }

// Funciones que llaman a otras
    function calcularDescuento(precio, pct) {
        return precio * (pct / 100);
    }

function calcularPrecioFinal(precio, pctDescuento, pctIVA = 21) {
        const descuento = calcularDescuento(precio, pctDescuento);
        const precioConDesc = precio - descuento;
        const iva = calcularIVA(precioConDesc, pctIVA / 100);
        return precioConDesc + iva;
    }

</body>
</html>