At the moment I've changed a good portion of the getElementByID to querySelectorAll()[0]. This is essentially the same thing, but any DOM actions we take on these should be applied to all elements ( i.e we remove the [0] ).
i.e we should be able to create two objects with a data-online-players attribute and they both display players without any extra finangling