I am trying to addEventListener to all article elements so when they are clicked it turns them into a draggable element.
I\'m not using jQuery on this task.
Well, you have to check for your latters-cases.
But there is another issue, any code related to DOM elements has to be executed when that certain element is load (or is identified by Javascript Engine). The following event (onload) makes sure when the window is load, and then, it executes the closure assigned to. window.onload = function(){} is what you probably need.
window.onload = function(){
// call your functions or document event listeners here
}
Also TagName, TagNameNS and ClassName all returns a collection which you have iterate through:
var allDivs = document.getElementsByTagName("div");
for(var i = 0; i < allDivs.length; i++)
{
allDivs[i].addEventListener();
}