JSFiddle - adding console.log functionality

JSFiddle - adding console.log functionality

by Daan De Smedt

HTML

<div id="console-log"></div>

CSS

.console-line
{
    font-family: monospace;
    margin: 2px;
    padding: 10px;
    border-bottom: 1px dotted #9E9E9E;
    background: #efefef;
}

JavaScript

/* CONSOLE LOGGER TO VIEW */
console = {
    log: function (text) {
        $("#console-log").append($('<p class=\"console-line\"></p>').html(text));
    }
};

/* CONSOLE LOG */
console.log('JSFIDDLE LOGGER');

var carsString = "Saab - Volvo - BMW";
console.log(carsString);

var cars = ["Saab", "Volvo", "BMW"];
console.log(cars);