## Solución Todo lo que tienes que hacer es definir la función fuera del _eventListener_ de manera que podemos llamar a la función en cualquier parte del script ``` <?php require '../generales/id_mayor.php'; $solicitud_id=id_mayor("solicitud_id","solicitud_de_servicio");?> function enviarMensaje(){ <?php require '../generales/id_mayor.php'; $solicitud_id=id_mayor("solicitud_id","solicitud_de_servicio");?> var consecutivo=document.querySelector('#consecutivo').value; var solicita=document.querySelector('#solicita').value; var nombre=document.querySelector('#nombre').value; var mensaje=document.querySelector('#mensaje').value; var area=document.querySelector('#area').value var cel=document.querySelector('#cel').value; } let url="https://api.whatsapp.com/send?phone=52"+cel+"&text=Hola%20soy%20"+solicita+"%20he%20tenido%20un%20problema%20con%20el%20equipo%20"+consecutivo+"%20"+nombre+"%0ALos%20detalles%20son%20los%20siguientes:%20"+mensaje+"%0APuedes%20atender%20esta%20orden%20en%20el%20siguiente%20link:%0Ahttp://localhost/hospital/solicitudes/atender_solicitud.php?solicitud_id=<?php echo $solicitud_id?>"; window.open(url); enviarMensaje(); ``` ---- ### Entendiendo una función Una función es una forma de reutilizar código eficazmente, en Javascript, podemos definir funciones de dos maneras - **Funciones "tradicionales"** ``` function nombre(params) { // Código } ``` Este tipo de funciones son las que vienen acompañando a Javascript desde sus inicios, en tiempos _muy, muy antiguos_ solo existían esta forma para declarar funciones Este tipo de funciones admite el uso de `this`, pero no se considera una buena práctica por lo siguiente - Su mal empleo puede llevar a almacenar los datos en `window` en vez de en la función <!-- begin snippet: js hide: false console: true babel: false --> <!-- language: lang-js --> function useThis() { return this === window; } console.log(useThis()); <!-- end snippet --> En este caso, `this` es igual a `window` porque no la función no ha sido ejecutada como constructor <!-- begin snippet: js hide: false console: true babel: false --> <!-- language: lang-js --> function useThis() { this.isThis=this === window; return this; } console.log(new useThis().isThis); console.log(useThis().isThis); <!-- end snippet --> En el ejemplo anterior, la primera condición es evaluada como `false` debido a que la función es interpretada como una clase y en las clases se admite el uso de `this` para referirse a la clase actual - **Funciones flecha** ``` const nombre = (params) => { // Código }; ``` Este tipo de funciones son un poco más modernas, en principio cualquier navegador _exceptuando a IE (porque es IE y compatibilidad 0 ja)_ soportaría cualquiera de las dos alternativas, pero se prefiere su uso en casos específicos ``` (a, b) => a + b; ``` <!-- begin snippet: js hide: false console: true babel: false --> <!-- language: lang-js --> const arr = (a, b) => a + b; console.log(arr(1, 5)); <!-- end snippet --> Esta función tendría un valor de retorno `a + b`, pues si una función flecha que no tiene llaves va a devolver la expresión En cambio, si la función luce así ``` (a, b) => {a + b} ``` <!-- begin snippet: js hide: false console: true babel: false --> <!-- language: lang-js --> const arr = (a, b) => {a + b}; console.log(arr(1, 5)); <!-- end snippet --> El valor de retorno será `undefined`, pues no hacemos un `return` en ninguna parte y las llaves se entienden por el intérprete como una función completa **IMPORTANTE:** Una función flecha **NO** Admite el uso de `this` <!-- begin snippet: js hide: false console: true babel: false --> <!-- language: lang-js --> const arrowFunc = () => { console.log(this === window); } arrowFunc(); <!-- end snippet --> Dará `true` también si intentas comparar `this` con `window` por fuera de la función > Como dice MDN: Una función de flecha no posee su propio `this`. Se utiliza el valor `this` del ámbito léxico adjunto; Las funciones de flecha siguen las reglas normales de búsqueda de variables. Entonces, mientras busca `this` que no está presente en el alcance actual, una función de flecha termina encontrando `this` en su alcance adjunto