Stack and Queue Operations and Write to DOM in Vanilla JavaScript

codepen-demo.txt

https://codepen.io/anon/pen/dQaJBm?editors=1111

index.html

<div id="out"></div>

stack-queue-to-dom.js

var out = document.querySelector('#out');

var addBreak = function() {
  var brDiv = document.createElement('br');
  out.appendChild(brDiv);
};

var addText = function(text) {
  var textNode = document.createTextNode(text.toString());
  out.appendChild(textNode);
};

//Queue
var queue = [];
queue.unshift('boh');
queue.unshift('bog');
queue.unshift('bogo');
queue.unshift('begone');
var qres = queue.shift(); 

addText(queue + '  : ' + qres);
//End Queue

addBreak();

//Stack
var stack = [];
stack.push('one');
stack.push('two');
stack.push('three');
stack.push('four');
var sres = stack.pop();

addText(stack + ' : ' + sres);
//End Stack