Варіант друку у JsFiddle

Як би я надрукував щось на екрані результатів у JsFiddle з мого JavaScript. Я не можу використовувати document.write(), це не дозволяє print.

Що я повинен використовувати?

Щоб мати змогу побачити вихід з console.log()JSFiddle, перейдіть до Зовнішні ресурси на панелі зліва та додайте наступне посилання для Firebug:

https://getfirebug.com/firebug-lite-debug.js

У мене для цього є шаблон ; ось код, який я використовую:

HTML

<pre id="output"></pre>

JavaScript

function out()
{
    var args = Array.prototype.slice.call(arguments, 0);
    document.getElementById('output').innerHTML += args.join(" ") + "\n";
}

Використання зразка (JavaScript)

out("Hello world!");
out("Your lottery numbers are:", Math.random(), 999, Math.PI);
out("Today is", new Date());

Спробуйте:

document.getElementById('element').innerHTML = ...;

Fiddle: http://jsfiddle.net/HKhw8/

Ви можете не робити те, що ви робите, але ви можете набрати

console.log(string)

І він надрукує рядок у консолі вашого браузера . У хромованому натисканні CTRL+ SHIFT+, Jщоб відкрити консоль.

Ви можете це зробити ---> http://jsfiddle.net/chY5y/

$('body').append(yourVariable); 

Тепер jsfiddle може це зробити з нуля. Просто перейдіть до Javascrpt -> Каркаси та розширення -> Jquery (край) і встановіть прапорець Firebug lite

document.body.innerHTML = "Ваші дані";

З ES6 трюки могли бути

function say(...args)
{ 
    document.querySelector('#out').innerHTML += args.join("</br>");
}
say("hi","john");

Додати лише

 <span id="out"></span>

в HTML

Ось одна альтернатива: http://jsfiddle.net/skibulk/erh7m9og/1/

document.write = function (str) {
    document.body.insertAdjacentHTML("beforeend", str);
}

document.write("¡hola mundo");

Просто додати щось, що може бути корисним для деяких людей ....

Якщо ви додасте консоль налагодження, як показано вище, ви можете отримати доступ до області, виконавши це:

область = angular.element (document.querySelector ('[ng-controller = MyCtrl]')).

Я вважаю, що перевірити область прямого простіше, ніж console.log, alert () тощо.

Якщо ви використовуєте JSfiddle, ви можете використовувати цю бібліотеку: https://github.com/IonicaBizau/console.js

Додайте rawgit lib до своїх ресурсів jsfiddle: https://cdn.rawgit.com/IonicaBizau/console.js/0ee8fcc4ea802247c5a7a8e3c6530ede8ade308b/lib/console.min.js

Потім ви можете просто додати це в HTML:
<pre class="console"></pre>

Ініціалізуйте консоль у своєму JS:
ConsoleJS.init({selector: "pre.console"});

Приклад використання: Дивіться це на jsfiddle

ConsoleJS.init({selector: "pre.console"});

let b;

console.log('hello world');
console.log([{'a':10,'b':44}]);
console.log(typeof [1,2,3,4]);
console.log(50 +67);
console.log(b);

Використовуйте alert()функцію:

alert(variable name);
alert("Hello World");