buttom.html

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body>

	<input id='bc' type="button">Click</input>


	<div id='msg'></div>


	<script type="text/javascript">
		
		let bc=document.getElementById('bc');
		let msg=document.getElementById('msg');
		bc.addEventListener('mouseup',(e) => {

			switch (e.button){
				case 0:
					msg.textContent = 'Left mouse button cliccked.';
					break;
				case 1:
					msg.textContent= 'Middle mouse button cliccked.';
					break;
				case 2:
					msg.textContent= 'Right mouse button cliccked.';
					break;
				default:
				
					msg.textContent='Unkown mouse button code'+$(event.button);		
			}
		})

	</script>

</body>
</html>