Solucionado (ver solução)

Importante

Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!

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.