Solucionado (ver solução)
Solucionado
(ver solução)
13
respostas

Importar arquivo JavaScript

<!doctype html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Meus pacientes</title>
        <link rel="stylesheet" type="text/css" href="reset.css">
        <link rel="stylesheet" type="text/css" href="alura.css">
    </head>
    <body>
        <header>
            <div class="container">
                <h1>Meus pacientes</h1>
            </div>
        </header>
        <main class="container">
            <section>
                <h2>Meus pacientes</h2>
                <table>
                    <tr>
                        <th>Nome</th>
                        <th>Peso(kg)</th>
                        <th>Altura(m)</th>
                        <th>IMC</th>
                    </tr>
                    <tr class="paciente">
                        <td class="info-nome">Leonardo</td>
                        <td class="info-peso" id="peso-1">57</td>
                        <td class="info-altura" id="altura-1">1.67</td>
                        <td class="info-imc" id="imc-1"></td>
                    </tr>
                    <tr class="paciente">
                        <td class="info-nome">Paulo</td>
                        <td class="info-peso" id="peso-2">100</td>
                        <td class="info-altura" id="altura-2">2.00</td>
                        <td class="info-imc" id="imc-2"></td>
                    </tr>
                </table>
                <button id="calcula-imcs" class="botao ">Calcular Imcs</button>
            </section>
            <section>
                <h2>Adicionar novo paciente</h2>    
                <form>
                    <fieldset>
                        <label for="nome">Nome:</label>
                        <input id="campo-nome" type="text" placeholder="digite o nome do seu paciente">
                    </fieldset>
                    <fieldset class="campo-medio">
                        <label for="peso">Peso:</label>
                        <input id="campo-peso" type="text" placeholder="digite o peso do seu paciente">
                    </fieldset>
                    <fieldset class="campo-medio">
                        <label for="altura">Altura:</label>
                        <input id="campo-altura" type="text" placeholder="digite a altura do seu paciente">
                    </fieldset>
                    <button id="adicionar-paciente" class="botao bto-principal">Adicionar</button>
                </form>
            </section>
        </main>
              <script src="Calculaimc/calcula_imc "></script>
    </body>
</html>
Não consigo importar o código JavaScript para a página, o arquivo está na mesma página do projeto.
13 respostas

Oi, Rodrigo. Se o arquivo Javascript está na mesma pasta do HTML, bastaria você colocar a tag <script> dessa forma:

<script src="calcula_imc.js"></script>

Isso resolve seu problema?

Não resolveu, eu já fiz isso!

Se sua hierarquia esta assim

1.index.html

1.calcula_imc.js

A maneira que o Luís falo funciona a menos que esteja local file//... Ai se eu não me engano ficaria assim ./calcula_IMC.js

Tenho que colocar o antes de fechar a tag body?

As bos praticas dizem que sim, mas se vc nao colocar o navegador muda pra vc.

Tem que ficar algo assim:

observo duas coisa:

1. em seu codigo (<script src="Calculaimc/calcula_imc "></script>), 
faltou colocar a extensao .js
2. Você esta chamando o js que esta dentro de uma pasta chamado Calculaimc, que tambem esta dentro da mesma pasta em que esta esse html, minha sugestao é vc verificar se o seu js realmente esta nesta pasta.
Caso vc precise chamar dentro de uma pasta  que esta em seu diretorio raiz vc pode acessar da seguinte forma: <script src="../Calculaimc/calcula_imc "></script> 
ou <script src="~/Calculaimc/calcula_imc "></script>

Atenciosamente

"Não consigo importar o código JavaScript para a página, o arquivo está na mesma página do projeto."

Rodrigo você quis dizer página mesmo ou pasta?

No caso de estar na mesma pasta, a resposta de Luiz ta correta e deveria funcionar. O problema pode não ser a importação do arquivo e sim algum erro no conteúdo do js. Faz o seguinte: remove todo o conteúdo do js e adiciona apenas um alert com uma mensagem, se a mensagem aparecer tua importação ta correta.

Rodrigo, uma página nunca conterá um arquivo.

Uma página é simplesmente um arquivo.

Você podia ser mais claro e dizer exatamente onde está a sua página e onde está o seu script javascript ???

Coloca o caminho absoluto (desde a raiz, onde cada um está).

Desculpa, mas assim não dá pra seguir uma discussão, ninguém pode adivinhar.

E ai Rodrigo alguma soluçao? Caso já tenho resolvido o problema, explique como ficou e feche o tópico

solução!

verifique se o link do arquivo está com a extensão ".js" e se os arquivos e pastas estão todss com mesmo nome (maiúsculo e minúsculo também).

A resposta correta para o último exercício é: String, number e string.