<div><a href="https://ya.ru">ya.ru</a></div>

div { margin: 20px; }
a { position: relative; }
a::before { 
      content: '>';
      position: absolute;
      left: -1em; }
a.click::before { content: 'V'; }

tag = document.querySelector('a');
tag.addEventListener('click', function(e){
  if (e.clientX < tag.offsetLeft) {
    tag.classList.toggle('click');
  }
  e.stopImmediatePropagation();
});