0

Хотелось бы узнать как выводить результат выполнения javascript кода на экран? Например результат чтобы console.log выводился на экран. Примеры таких систем это встроенные редакторы в обучающих ресурсах типа CodeAcademy, CodeSchool и тп. Насколько я понял для этого необходимо использовать NodeJs.

2
  • Самый простой способ - нажать F12 в браузере и перейти на вкладку "Консоль". Или вы имели в виду что-то другое? 30 мар 2017 в 7:10
  • вместо console.log('текст') Вы можете использовать alert('текст'). Вы это имели в виду в вопросе? 30 мар 2017 в 11:48

3 ответа 3

2

Как то так, просто переписываем функцию console.log

(function () {
    var logger = document.getElementById('log');
    var old_log = console.log;
    console.log = function (message) {
            logger.innerHTML += message + '<br />';
    }
})();

console.log('test');
console.log('Wow');
<div id="log"></div>

2
  • Наверное есть смысл сохранить оригинальную функцию в переменную какую, на случай если надо вернуть назад?
    – E_p
    30 мар 2017 в 15:57
  • Добавил в код, спасибо за поправку.
    – L. Vadim
    30 мар 2017 в 16:04
0

По сути, все, что пишется на саму страницу (в document) - пишется в определенный узел DOM. Самый простой способ этого добиться - просто писать в какой-либо тег.

let p = document.querySelector("#p");
p.innerHTML = "Ваш текст";

Разумеется, сейчас такие вещи делаются все реже и реже, чаще всего данный функционал реализуют какие-то фреймворки, но, по сути, все они сводятся именно к этому. Хотите вывести что-то на страницу - придется писать в DOM.

И еще про node.js. Node используется не совсем для этого. Node - это движок V8 (который используется в хроме) с прикрученными к нему либами вроде стандартного ввода-вывода и прочего недостающего для нормальной полноценной работы вне браузера. А DOM, насколько мне известно, в Node.js как раз-таки не реализован (вырезан из V8).

-1

Для отображения объектов можно использовать

element.innerHTML = JSON.stringify(obj, null, 4).replace(/\n/g, '<br/>').replace(/ /g, '&nbsp;')

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.