【javascript】デバッグ関数（Debug function）

【HTML】

<div class="Debug Hide"></div>

【CSS】

.Debug {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 6rem;
	overflow: scroll;
}
.Hide {
	display: none;
}

【Javascript】

function debug() {
    var i, length = arguments.length;
    var element = document.querySelector('.Debug');
    
    element.classList.remove('Hide');
    for (i = 0; i < length; i ++) {
        element.innerHTML = arguments[i] + '<br />' + element.innerHTML;
    }
}

【使い方】

debug(1, 2, 3);