Imprimir Var en JsFiddle

¿Cómo imprimiría algo en la pantalla de resultados en JsFiddle desde mi JavaScript? No puedo usar document.write(), tampoco lo permite print.

¿Qué debo usar?

Para poder ver la salida desde console.log()JSFiddle, vaya a Recursos externos en el panel del lado izquierdo y agregue el siguiente enlace para Firebug:

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

Tengo una plantilla para este propósito ; Aquí está el código que uso:

HTML

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

JavaScript

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

Uso de muestra (JavaScript)

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

Tratar:

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

Violín: http://jsfiddle.net/HKhw8/

Puede que no hagas lo que haces, pero puedes escribir

console.log(string)

E imprimirá la cadena en la consola de su navegador . En cromo, presione CTRL+ SHIFT+ Jpara abrir la consola.

Puedes hacer esto ---> http://jsfiddle.net/chY5y/

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

Ahora jsfiddle puede hacerlo desde cero. Simplemente vaya a Javascrpt -> Marcos y extensiones -> Jquery (borde) y marque la casilla de verificación Firebug lite

document.body.innerHTML = "Sus datos";

Con ES6 los trucos podrían ser

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

Agregar solo

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

en HTML

Aquí hay una alternativa: http://jsfiddle.net/skibulk/erh7m9og/1/

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

document.write("¡hola mundo");

Solo para agregar algo que podría ser útil para algunas personas ...

Si agrega la consola del depurador como se muestra arriba, puede acceder al alcance ejecutando esto:

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

Encuentro inspeccionar el alcance directamente más fácil que console.log, alert (), etc.

Si está utilizando JSfiddle, puede usar esta biblioteca: https://github.com/IonicaBizau/console.js

Agregue un rawgit de la lib a sus recursos jsfiddle: https://cdn.rawgit.com/IonicaBizau/console.js/0ee8fcc4ea802247c5a7a8e3c6530ede8ade308b/lib/console.min.js

Luego puede agregar esto en el HTML:
<pre class="console"></pre>

Inicialice la consola en su JS:
ConsoleJS.init({selector: "pre.console"});

Ejemplo de uso: Véalo en 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);

Usa la alert()función:

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