EventListener

by velmurugansp

HTML

<a id="chat" href="https://google.com">Chat</a>
<button type="button" id="people">People</button>
<button type="button" id="raise">Raise</button>
<button type="button" id="react">React</button>
<button type="button" id="View">View</button>
<button type="button" id="Apps">Apps</button>
<button type="button" id="More">More</button>
<button type="button" id="Camera">Camera</button>
<button type="button" id="Mic">Mic</button>
<button type="button" id="Stop">Stop Sharing</button>
<button type="button" id="Leave">Leave Meeting</button>

JavaScript

function chat(adadada){
	adadada.preventDefault();
	console.log("Handle Chat Operation");
}
function people(){
	console.log("Handle People Operation");
}
function raise(){
	console.log("Handle Raise Operation");
}
function react(){
	console.log("Handle React Operation");
}

var chatEle = document.getElementById('chat');
var peopleEle = document.getElementById('people');
var raiseEle = document.getElementById('raise');
var reactEle = document.getElementById('react');

chatEle.addEventListener('click', chat);
peopleEle.addEventListener('click', people);
raiseEle.addEventListener('click', raise);
reactEle.addEventListener('click', react);