Печать Var в JsFiddle

Question

Печать Var в JsFiddle

Как бы я напечатал что-то на экране результатов в JsFiddle из моего JavaScript. Я не могу использовать document.write(), Это не позволяет ему, ни print.

что я должен использовать?

490 12

javascript jsfiddle

12 ответов:

Comments

Ничего не найдено.

davidkelleher · Accepted Answer · 2016-07-01 20:14:29

чтобы иметь возможность видеть вывод из console.log() в JSFiddle, перейдите к Внешние Ресурсы на левой боковой панели и добавить следующую ссылку для Firebug:

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

IQAndreas · Accepted Answer · 2014-01-04 20:54:41

у меня есть шаблон для этой цели; вот код, который я использую:

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());

Flame Trap · Accepted Answer · 2013-06-29 19:16:55

попробуй:
document.getElementById('element').innerHTML = ...;
Скрипка:http://jsfiddle.net/HKhw8/

Euphe · Accepted Answer · 2014-04-15 08:39:38

может не делать то, что вы делаете, но вы можете типа
console.log(string)
и он будет печатать строку в консоли обозреватель. В chrome push CTRL + SHIFT + J открыть консоль.

Mohammad Adil · Accepted Answer · 2013-06-29 19:16:35

Вы можете сделать это ---> http://jsfiddle.net/chY5y/
$('body').append(yourVariable); 

Igor Vaschuk · Accepted Answer · 2016-06-17 23:34:58

документ.тело.innerHTML = "ваши данные";

JohnPan · Accepted Answer · 2016-05-23 22:17:06

С ES6 трюки могут быть
function say(...args)
{ 
    document.querySelector('#out').innerHTML += args.join("</br>");
}
say("hi","john");
добавить только
 <span id="out"></span>
в HTML

vkabachenko · Accepted Answer · 2017-11-07 12:25:38

теперь jsfiddle может сделать это с нуля. Просто перейдите в Javascrpt --> Framework & extensions --> Jquery( edge) и установите флажок Firebug lite

skibulk · Accepted Answer · 2014-12-07 18:24:55

вот один из вариантов:http://jsfiddle.net/skibulk/erh7m9og/1/
document.write = function (str) {
    document.body.insertAdjacentHTML("beforeend", str);
}

document.write("¡hola mundo");

Neph · Accepted Answer · 2015-03-01 21:09:22

просто добавить что-то, что может быть полезным для некоторых людей....

Если вы добавляете консоль отладчика, как показано выше, вы можете получить доступ к области, выполнив это:

scope = угловой.элемента(документ.querySelector ('[ng-controller=MyCtrl]')).scope ();

Я нахожу проверку области непосредственно проще, чем консоль.log, alert () и др.

Emmanuel N K · Accepted Answer · 2018-09-17 13:05:04

если вы используете 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);

Ashutosh Jha · Accepted Answer · 2014-02-21 09:16:10

использовать alert() функция:
alert(variable name);
alert("Hello World");