Imprimer Var dans JsFiddle

Comment imprimer quelque chose sur l'écran de résultat dans JsFiddle à partir de mon JavaScript. Je ne peux pas l'utiliser document.write(), ça ne le permet pas non plus print.

Que dois-je utiliser?

Pour pouvoir voir la sortie de console.log()JSFiddle, accédez aux ressources externes sur le panneau de gauche et ajoutez le lien suivant pour Firebug:

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

J'ai un modèle à cet effet ; voici le code que j'utilise:

HTML

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

Javascript

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

Exemple d'utilisation (JavaScript)

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

Essayer:

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

Violon: http://jsfiddle.net/HKhw8/

Peut ne pas faire ce que vous faites, mais vous pouvez taper

console.log(string)

Et il imprimera la chaîne dans la console de votre navigateur . En chrome, appuyez sur CTRL+ SHIFT+ Jpour ouvrir la console.

Vous pouvez le faire ---> http://jsfiddle.net/chY5y/

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

Maintenant, jsfiddle peut le faire à partir de zéro. Allez simplement dans Javascrpt -> Frameworks & extensions -> Jquery (edge) et cochez la case Firebug lite

document.body.innerHTML = "Vos données";

Avec des astuces ES6 pourrait être

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

Ajouter uniquement

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

en HTML

Voici une alternative: http://jsfiddle.net/skibulk/erh7m9og/1/

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

document.write("¡hola mundo");

Juste pour ajouter quelque chose qui pourrait être utile à certains ...

Si vous ajoutez la console de débogage comme indiqué ci-dessus, vous pouvez accéder à la portée en exécutant ceci:

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

Je trouve l'inspection de la portée directement plus facile que console.log, alert (), etc.

Si vous utilisez JSfiddle, vous pouvez utiliser cette bibliothèque: https://github.com/IonicaBizau/console.js

Ajoutez un rawgit de la lib à vos ressources jsfiddle: https://cdn.rawgit.com/IonicaBizau/console.js/0ee8fcc4ea802247c5a7a8e3c6530ede8ade308b/lib/console.min.js

Ensuite, vous pouvez simplement ajouter ceci dans le HTML:
<pre class="console"></pre>

Initialisez la console dans votre JS:
ConsoleJS.init({selector: "pre.console"});

Exemple d'utilisation: voir sur 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);

Utilisez la alert()fonction:

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