Как убрать обновление страницы по нажатию на ссылку?

Question

[Shiraki]

Помогите разобраться плиз!
По нажатию на условныю ссылку(товар) нужно,что бы в шапке напротив значка обновлялся счётчик.
Один раз нажал на ссылку, плюс один к числу возле значка корзины. Всё работает,но одно но...
Без обновления страницы не фурычит, то бишь в href должна стоять "#", а мне нужно,что бы работало без обновления страницы. Искал инфу,но разобраться не смог.
В Jquery не секу,так что если кто нибудь смог бы объяснить мне что да как... я был бы очень благодарен!
Вот такой вот html код:

<i class="fa fa-shopping-basket fa-lg" id='lol'></i>
<a href="#"  onclick="buy()">

И вот такой вот JS:

var korzina=0; 
	function buy() {
     korzina=korzina+1;
     lol.innerHTML = korzina;
	}

Answer 1

[Kim_Soal]

function buy() {
     korzina=korzina+1;
     lol.innerHTML = korzina;
     return false;
  }

Comments

[Shiraki]

не помогло(

[Сергей delphinpro]

Shiraki, onclick="return buy()" чтобы заработало
Или сразу там же: onclick="buy(); return false;"
Возврат false в onclick предотвратит обработку события по умолчанию и перехода по ссылке не будет.

[Сергей delphinpro]

Shiraki, Правда в вашем случае это будет всего лишь визуализация добавления товара.

[Shiraki]

Понял,помогло...
Огромное спасибо!

[Shiraki]

Сергей delphinpro, можете подсказать,а как в таком случаи тогда снять выделение с ссылки?
голову уже сломал пока искал

П.с - проблему решил... если что вот так:

var arl = getComputedStyle(imp,"::hover")
	arl = null;

где "imp" это id ссылки

[Сергей delphinpro]

Shiraki, переопределить псевдоклассы?

:hover, :focus, :active {}

[Shiraki]

Сергей delphinpro, можно более точный синтаксис?

[Сергей delphinpro]

Shiraki, я же не знаю, какие селекторы у вас и какие стили вам мешают.
Примерно так:

.fa:hover {
  color: red;
  outline: none;
  ...
}

Answer 2

[Евгений Швелев]

Уберите параметр href. но с # по сути не должен страницу обновлять

Comments

[Shiraki]

Не то что бы обновляется... возможно я не правильно сформулировал впорос
важно что бы страница осталась на том же месте на котором пользователь нажал на ссылку,а оно открывается как будто заново...
+желательно ,что бы решётка не отображалась в строке

Если убрать href не работает