Функция для вывода console.log на страницу

"Вывести консоль на страницу" - иногда нужно вывести результат не в консоль, а на страницу.

Подробно о выводе console.log на страницу:

1. Пример вывода console.log на страницу
2. Функция для вывода console.log на страницу

Пример вывода console.log на страницу

Для того, чтобы вывести console.log на страницу нам нужно...

Предвосхищая... вопросы - почему так кратко... только ссылки...?

Если вы не знаете, что это - "тема в ссылке", то дополнительный абзац о ссылке вам не поможет... Но по ссылке вы можете узнать.

А если вы знаете - то вам не нужно объяснение и в том числе и ссылка...

Вывод... : надо знать...

Html:
Нам нужен html:
<p class="example">Сюда отправим result на страницу</p>
Javascript
Переназначим функцию "console.log"
console._log = console.log;
Далее... querySelector
+ класс
+ innerText
+ arguments
Получим:
document.querySelector('.example').innerText = arguments[0];
Добавим apply
И получим:
console._log.apply(null, arguments);



Функция для вывода console.log на страницу

Соберем всю функцию для вывода console.log на страницу:

Html:
<p class="example">Сюда отправим result на страницу</p>

<script>

console._log = console.log;

console.log = function() {

document.querySelector('.example').innerText = arguments[0];

console._log.apply(null, arguments);

}

console.log('Привет мир!');

</script>

Далее...

Выведем весь вывода console.log на страницу

: прямо здесь

Тут по идее должен быть result

Сама функция console.log не отключена, вы можете посмотреть в консоль есть ли что то там...