Dynamically displaying input values using Javascript & CSS ::after

gistfile1.js

/*
	Display value with ::after (CSS)
	
	input[type="range"] {position: relative}
	input[type="range"]::after {
		content: attr(value);
		position: absolute;
		left: 105%;
		top: 0;
		color: #555
	}
*/


/*
div#range>input*n
*/
var displayRangeValue = function() {
      var div = document.getElementById('range');
      div.addEventListener('change', function(e) {
        if("input" === e.target.nodeName.toLowerCase() && "range" === e.target.type) {
          e.target.setAttribute('value', e.target.value);
        }
      });
      
}();