Buscando função de outro arquivo | JavaScript: programando na linguagem da web

Solucionado (ver solução)

Solucionado
(ver solução)

3
respostas

Referente ao curso JavaScript: programando na linguagem da web

por Luiz Gustavo Teixeira

| 111.2k xp | 47 posts

Olá pessoal, tudo bem? Minha dúvida: eu tenho um arquivo "faz-muita-coisa.js" que usa funções que estão em outro arquivo chamado "funções.js"; os dois estão na mesma pasta js do projeto. O "index.html" faz menção aos dois, apontando o caminho onde se encontram. O problema é que quando eu chamo uma função de dentro do faz-muita-coisa.js, que está declarada em funções.js, ocorre um erro:

Uncaught ReferenceError: <função> is not defined
    at faz-muita-coisa.js:44

Como faço para um arquivo "enxergar" funções que estão em outro arquivo?

3 respostas

por José Antônio da Silva

| 149.8k xp | 64 posts

Estagiario

05/07/2018

E ai, blz?

Basicamente você deve importar esse arquivo faz-muita-coisa.js no final do seu index

Para que ele encontre os outros arquivos.

por Vinícius de Morais Mussato

| 567.4k xp | 407 posts

Front-end mobile developer

05/07/2018

Boa tarde lgbteixeira ,

Isso depende da ordem em que os arquivos são importados no index.html.

index.html

<html>

    <head>
        <meta charset="UTF-8"/>
    </head>

    <body>
        <p>teste</p>
    </body>

    <script src="teste1.js"></script>
    <script src="teste2.js"></script>

</html>

teste1.js

function alerta1() {
    alert("script 1");
}

alerta2();

teste2.js

alerta1();

function alerta2() {
    alert("script 2");
}

A chamada da função alerta1() no segundo arquivo funciona pois o arquivo teste1.js já foi carregado. Porém a chamada alerta2() no primeiro arquivo dá erro pois o teste2.js ainda não foi carregado.

Carregue todos os arquivo com funções que você precisa e no último arquivo faça as interações necessárias.

<html>

    <head>
        <meta charset="UTF-8"/>
    </head>

    <body>
        <p>teste</p>
    </body>

    <script src="funções.js"></script>
    <script src="faz-muita-coisa.js"></script>

</html>

abraços

solução!

por Luiz Gustavo Teixeira

| 111.2k xp | 47 posts

05/07/2018

Valeu pessoal!!! Funcionou!!! Muito obrigado!!!