-1

Я довольно новичок в программировании и пытаюсь связать свой файл Javascript с html-файлом, поэтому Javascript отображается в браузере.Как связать внешний Javascript (с console.log) с html?

Это мой HTML-файл:

<!DOCTYPE html> 
<html> 
    <head> 
     <meta charset="UTF-8"> 
     <title>FizzBuzz Challenge</title> 
     <script type="text/javascript" src="Users/kimberlykost/Desktop/project/Fizzbuzz/JS/script.js"></script> 
    </head> 
</html>

И это мой Javascript Файл:

for (var i = 1; i <= 100; i++) { 
if (i % 15 === 0) { 
    console.log("fizzbuzz"); 
    } 
else if (i % 3 === 0) { 
    console.log("fizz"); 
    } 
else if (i % 5 === 0) { 
    console.log("buzz"); 
    } 
else { 
console.log(i); 
    } 
}

При просмотре индексного файла в веб-браузере, ничего не отображается.

Указаны следующие инструкции: «Как минимум, вам понадобится HTML-файл. Затем вы можете обернуть свой код JavaScript в теги скриптов следующим образом: (три серьезных акцента, пробел и еще три серьезных акцента) Вы можете использовать console.log() для отображения вывода на консоль. " но я не уверен, что понимаю это.

Как я могу получить все, чтобы отображаться в браузере?

источник

2015-08-21 kosticus

Попробуйте поместить косую черту в начале вашего пути в файл js, например. /Users/kimberlykost/Desktop/project/Fizzbuzz/JS/script.js – bhspencer

путь к файлу js должен быть относительно html-страницы, так что, возможно, что-то вроде 'src =" JS/script.js "' –

Ваша html-страница пуст, смотрите ли вы на инструменты Firebug или Chrome dev, чтобы увидеть фактический скрипт? Нажмите F12, поскольку у вас нет интерфейса, поэтому «ничего не отображается». 'console.log' отправит сообщения в инструменты dev, а не на веб-страницу; https://developer.chrome.com/devtools –

Вместо использования

console.log();

использовать один из следующих методов:

document.write('text');

(будьте осторожны с этим один, если он вызывается до страницы закончена, она будет полностью перезаписать страницу)

Вы также можете создать div в формате HTML с идентификатором, например 'write_box', а затем использовать это

document.getElementById('write_box').innerHTML='text';

Вы можете использовать

window.alert('text');

для всплывающего окна.

Вы также можете использовать JQuery

$('selector').text('text');

Редактировать

Вы также можете открыть консоль браузера для просмотра console.log вызовов. На светлячок, ярлык

Ctrl+Shift+k

и Интернет-исследователя

F12

Конец редактировать

Правда состоит в том, что существует множество число возможных способов сделать это, этот ответ только перечисляет несколько. Надеюсь, это поможет!

источник

2015-08-21 00:41:55

Чтобы показать консоль, которую вы пишете, используя console.log(), вам необходимо открыть ее в своем браузере link.

Но в первую очередь, для того, чтобы вставлять ваши JS файл должным образом, вы должны убедиться, что путь к файлу правильно установлен (быть в курсе relative-path-to-current-folder).

источник

2015-08-21 00:25:52 cocoseis

Способ написания вашего javascript и HTML, вы не увидите ничего в главной области браузера. Однако вы можете увидеть результаты вашего fizz/buzz в консоли.

В браузере

Если вы хотите, чтобы увидеть результаты на странице в браузере, вам необходимо добавить <body> тег в HTML-файл (а также закрытия </body> тега) а затем добавьте новые элементы в DOM (объектная модель документа) вместо того, чтобы записывать результаты на консоль. Для этого нам нужно заменить операторы console.log('') в вашем файле javascript операторами, которые добавят новые HTML-элементы в DOM. Простым способом сделать это будет включение jQuery из CDN (сети доставки контента). Сначала добавьте этот тег скрипта на свою страницу: <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> Добавьте это перед тегом javascript.

Затем добавьте код в свой файл яваскрипт:

$(document).ready(function(){ 
    // your code goes in here... 
});

После того, как вы сделаете это вырезать и вставить все для заявления от вашего файла JavaScript в функцию выше, где он говорит, что «// ваш код здесь идет ». Затем используйте команду jQuery append() method вместо каждого оператора console.log ('') следующим образом: $('body').append('what ever you want on the page<br/>'), и это должно сделать это.

В консоли

Если вы просто хотите увидеть console.log открыть страницу HTML в браузере (скажем, Google Chrome) и нажмите клавишу F12, чтобы добраться до инструментов для разработчиков. Нажмите на пункт меню Консоль, а затем перезагрузите веб-страницу. Вы должны увидеть результаты в консоли.

источник

2015-08-21 00:32:41

Как связать внешний Javascript (с console.log) с html?

ответ

Редактировать

Конец редактировать

Смежные вопросы