Print Var in JsFiddle

javascript

console-output

javascript-fiddle

html-output

byAlex Kataev·Mar 3, 2025

Quickly display a variable in JsFiddle using the snippet:

var myVar = 'Hello, JSFiddle!';
console.log(myVar); // Hello to console logs! 
document.body.textContent = myVar; // Hello to our webpage!

Use console.log() to unleash your variable to the console.
Assign the variable to document.body.textContent for a visual treat on your webpage.

For an augmented debugging experience and console functionality in JSFiddle, try Firebug Lite:

Graft-as-an-external resource: https://getfirebug.com/firebug-lite-debug.js
Empower your JSFiddle with in-pane console capabilities similar to your browser's developer tools.

Advanced Variable Printing Techniques

Crafting HTML console simulation

To create a custom console-like output box in your fiddle:

function printToScreen() {
  var pre = document.createElement('pre');
  pre.setAttribute('id', 'myOutput'); // Setting up our 'get-the-output' magic box
  document.body.appendChild(pre);
  
  return function(output) {
    document.getElementById('myOutput').innerHTML += output + '\n'; // Tadah! Output displayed
  };
}
var display = printToScreen();
display('The secret of life is ' + 42);

Command output with jQuery

For the jQuery enthusiasts out there:

var secretMessage = 'Hello jQuery World!';
$('<p>').text(secretMessage).appendTo('body'); // All hail jQuery!

There you have it! A neat and clean output without ever risk-touching document.write().

Traps & Troubleshooting

Keep a lookout for:

The Document.write menace: A double-edged sword that can wipe out your HTML.
The Invisible output syndrome: Style controls visibility. Your output might be there, just not visible.
The Sea of logs: Too many log messages is to a sailor lost at sea without a compass.

Serving multiple orders

Want to print multiple variables or an array? We got you:

var burgerOrders = ['Cheeseburger', 'Hamburger', 'Veggie Burger'];
burgerOrders.forEach(order => console.log(order)); // Serving all orders hot!

Resorting to the browser console

Your browser's console is pretty much your all-weather friend. In Chrome, hit CTRL + SHIFT + J to awaken the beast.

explain-codes / Javascript / Print Var in JsFiddle

Linked

Print the contents of a DIV



How to print HTML content on click of a button, but not the page?



Print `` only?



Print specific part of webpage



Javascript post request like a form submit



What is the shortcut in Visual Studio Code for console.log



Specifying content of an iframe instead of the src attribute to a page

