Log box

Log box

by Thanos Saringelos

JavaScript

function createLoggingBox() {
  var loggingBox = document.createElement('div');
  loggingBox.id = 'loggingBox';
  loggingBox.style.color = "#000000";
  loggingBox.style.wordWrap = "break-word";
  loggingBox.style.overflow = "auto";
  loggingBox.style.padding = "1px 1px 1px 1px";
  loggingBox.style.position = "fixed";
  loggingBox.style.top = "5px";
  loggingBox.style.left = "5px";
  loggingBox.style.width = "30%";
  loggingBox.style.height = '90%';
  loggingBox.style.zIndex = "100";
  loggingBox.style.opacity = "0.3";
  loggingBox.style.border = "2px solid #000000";
  loggingBox.innerHTML = 'Log';
  loggingBox.style.display = 'block';
  document.body.appendChild(loggingBox);
  
  var logCounter = -1;  
  var addLogLine = function(text) {
    logCounter++;
    loggingBox.innerHTML += '<br>' + logCounter + '. '+text
  }
  
  return {
    loggingBox: loggingBox, 
    addLogLine : addLogLine
  }
}

var log = createLoggingBox();
log.addLogLine('aaa');