0

Tengo un fichero llamado crear-orden.js desde el cual quiero agregar una alerta en el DOM. Para eso coloco lo siguiente:

$(document).ready(agregaAlerta());

La función agregaAlerta(); se encuentra en otro fichero llamado crear-orden.encabezado.js. En el cual tengo lo siguiente:

function agregaAlerta(){
$(".orden-de-compra").before(
'<div class="alert alert-primary text-center" role="alert">'+
'Esto es una Prueba'+
'</div>');
};

¿Cómo hago para poder utilizar la funcion agregaAlerta() en el fichero crear-orden.js?

PD: Estoy organizado mi código y para eso estoy encapsulando y separando código en distintos ficheros .js.

5
  • 1
    ¿Ambos archivos están incluidos en el documento? ¿La función agregaAlerta es global o esta dentro de un IIFE, etc.?
    – Marcos
    Commented el 17 dic. 2020 a las 18:22
  • Si, ambos archivos estan incluidos en el documento entre <script></script>. La función está escrita en el fichero crear-orden.encabezado.js tal como se muestra. Commented el 17 dic. 2020 a las 18:29
  • 1
    Entonces simplemente deberías cargar primero el script crear-orden.encabezado.js y luego el script crear-orden.js
    – Marcos
    Commented el 17 dic. 2020 a las 18:32
  • Perfecto Gracias! me funciono. Y como aplico esto con un IIFE? Commented el 17 dic. 2020 a las 18:41
  • 1
    Usando IIFE sería un poco mas complicado, te diría que no vale la pena enroscarse con eso
    – Marcos
    Commented el 17 dic. 2020 a las 18:48

1 respuesta 1

0

Se debe definir en el index.php un modulo de entrada. Esto se hace de la siguiente manera:

<script type="module" src="entrada.js"></script>

Luego tendremos el archivo que "alimenta" a entrada.js, en este caso lo llamo funciones.js. En dicho archivo tendremos una función la cual tendremos que exportar.

export function prueba(){
\..
}

Luego, para poder utilizar prueba() en el archivo entrada.js debemos realizar un import:

import { prueba } from './funciones.js';

Y de esta manera podremos utilizar la función como lo hacemos habitualmente.

prueba();

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.