Trying to click/remove click on iframe

by mhouser_nowmediagroup

HTML

<div id="fb-root">
  <iframe src="" frameborder="0"></iframe>
</div>

CSS

#fb-root {
  width: 100px;
  height: 85px;
  outline: solid red 2px;
  z-index: 200;
}

#fb-root iframe {
  z-index: 100;
}

JavaScript

function activate_fbchat(event){
		document.getElementById("fb-root").classList.add("fb_active")
		event.target.removeEventListener('click', activate_fbchat)
	}

		for(var iframe of document.getElementById("fb-root").getElementsByTagName("iframe"))
			iframe.parentElement.addEventListenerr('click', activate_fbchat)