Cetak Var di JsFiddle

Bagaimana saya mencetak sesuatu ke layar hasil di JsFiddle dari JavaScript saya. Saya tidak bisa menggunakan document.write(), juga tidak mengizinkannya print.

Apa yang harus saya gunakan?

Untuk dapat melihat output dari console.log()dalam JSFiddle, buka Sumber Daya Eksternal pada panel sisi kiri dan tambahkan tautan berikut untuk Firebug:

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

Saya memiliki template untuk tujuan ini ; di sini adalah kode yang saya gunakan:

HTML

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

JavaScript

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

Penggunaan sampel (JavaScript)

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

Mencoba:

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

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

Mungkin tidak melakukan apa yang Anda lakukan, tetapi Anda bisa mengetik

console.log(string)

Dan itu akan mencetak string ke konsol browser Anda . Di chrome push CTRL+ SHIFT+ Juntuk membuka konsol.

Anda dapat melakukan ini ---> http://jsfiddle.net/chY5y/

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

Sekarang jsfiddle dapat melakukannya dari awal. Cukup buka Javascrpt -> Frameworks & extensions -> Jquery (edge) dan centang kotak centang Firebug lite

document.body.innerHTML = "Data Anda";

Dengan ES6 trik bisa jadi

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

Tambahkan saja

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

dalam HTML

Berikut satu alternatif: http://jsfiddle.net/skibulk/erh7m9og/1/

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

document.write("¡hola mundo");

Hanya untuk menambahkan sesuatu yang mungkin berguna bagi beberapa orang ....

Jika Anda menambahkan konsol debugger seperti yang ditunjukkan di atas, Anda dapat mengakses ruang lingkup dengan menjalankan ini:

scope = angular.element (document.querySelector ('[ng-controller = MyCtrl]')). scope ();

Saya menemukan memeriksa ruang lingkup secara langsung lebih mudah daripada console.log, alert (), dll.

Jika Anda menggunakan JSfiddle, Anda dapat menggunakan perpustakaan ini: https://github.com/IonicaBizau/console.js

Tambahkan rawgit of the lib ke sumber jsfiddle Anda: https://cdn.rawgit.com/IonicaBizau/console.js/0ee8fcc4ea802247c5a7a8e3c6530ede8ade308b/lib/console.min.js

Maka Anda bisa menambahkan ini dalam HTML:
<pre class="console"></pre>

Inisialisasi konsol di JS Anda:
ConsoleJS.init({selector: "pre.console"});

Contoh Penggunaan: Lihat di 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);

Gunakan alert()fungsinya:

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