Павел Корнилов

<div onclick="handler();" className='chat-settings__options'>
	<ButtonBorder value='Классика' />
	<ButtonBorder value='Модерн' />
	<ButtonBorder value='Без дизайна' />
</div>

<script>
	function handler (e) {
		var t = e.target;
		switch (t.value) {
			case 'Классика':
				// Что-то делаем
				break;
			// etc...
			default:
				// Если ничего не подошло
				break;
		}
	}
</script>

<ul onclick= "fn(event)">
  <li name="one">1</li>
  <li name="two">2</li>
  <li name="three">3</li>
  <li name="four">4</li>
  <li name="five">5</li>
  <li name="six">6</li>
</ul>
<script>
function fn (e) {
	alert(e.target.textContent);
	e.stopPropagation();
}
</script>