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
function useThis() {
return this === window;
}
console.log(useThis());
En este caso, this
es igual a window
porque no la función no ha sido ejecutada como constructor
function useThis() {
this.isThis=this === window;
return this;
}
console.log(new useThis().isThis);
console.log(useThis().isThis);
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;
const arr = (a, b) => a + b;
console.log(arr(1, 5));
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}
const arr = (a, b) => {a + b};
console.log(arr(1, 5));
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
const arrowFunc = () => {
console.log(this === window);
}
arrowFunc();
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 valorthis
del ámbito léxico adjunto; Las funciones de flecha siguen las reglas normales de búsqueda de variables. Entonces, mientras buscathis
que no está presente en el alcance actual, una función de flecha termina encontrandothis
en su alcance adjunto