Get elements with dollar function

by amindunited

HTML

<div id="firstElement" class="things">
  First Element!
</div>
<div id="secondElement" class="things">
  Second Element!
</div>
<div id="thirdElement" class="things">
  Third Element!
</div>
<div id="fourthElement" class="things">
  Fourth Element!
</div>

JavaScript

var byId = document.getElementById('firstElement');
console.log('byId', byId);
/*
var byTagName = document.getElementsByTagName('div');
console.log('byTagName', byTagName);
var byClassName = document.getElementsByClassName('things');
console.log('byClassName', byClassName);
*/
function $ () {
	var elements = []; 
	console.log('arguments', arguments);
  for (var i = 0; i < arguments.length; i++) {
  		var key = arguments[i];
      if (key.indexOf('#') === 0) {
 				elements.push(document.getElementById(key.slice(1)));
      } else if (key.indexOf('.') === 0) {
 				elements.push(document.getElementsByClassName(key.slice(1)));
      } else {
 				elements.push(document.getElementsByTagName(key));
      }
  }
  return elements;
}

var byElm = $('#firstElement', '.things', 'div');
console.log('byElm', byElm);