Loop through all i's and bind the event on the element.
Array.prototype.forEach.call(document.querySelectorAll("i"), function (elem) {
elem.addEventListener("click", function (e) {
this.parentElement.firstElementChild.firstElementChild.firstElementChild.style.position = "fixed";
this.parentElement.firstElementChild.firstElementChild.firstElementChild.style.left = '5px';
this.parentElement.firstElementChild.firstElementChild.firstElementChild.style.top = '50px';
this.parentElement.firstElementChild.firstElementChild.firstElementChild.style.width = "200px";
this.parentElement.firstElementChild.firstElementChild.firstElementChild.style.height = "125px";
});
})
Delegate version:
document.addEventListener("click", function (e) {
if (e.target && e.target.tagName.toLowerCase() == "i") {
e.target.parentElement.firstElementChild.firstElementChild.firstElementChild.style.position = "fixed";
e.target.parentElement.firstElementChild.firstElementChild.firstElementChild.style.left = '5px';
e.target.parentElement.firstElementChild.firstElementChild.firstElementChild.style.top = '50px';
e.target.parentElement.firstElementChild.firstElementChild.firstElementChild.style.width = "200px";
e.target.parentElement.firstElementChild.firstElementChild.firstElementChild.style.height = "125px";
}
});