Как убрать действие по умолчанию у ссылки через preventDefault?

Question

[Aaang]

По умолчанию у ссылки choiceCity есть #, как при клике убрать # через preventDefault? Что бы к урлу не добавлялся #.

const choiceCity = document.querySelector(".choice-city");
const modalCity = document.querySelector("#modalCity");
const citiesClose = document.querySelector(".cities-close");
const citiesListItem = document.querySelector(".cities-list-item");
const citiesListItemHref = document.querySelector(".cities-list-item").href;

//Фукция открытия модального окна
function toggleModal(){
	modalCity.classList.toggle("is-open");
}

//Проверка на идентичность урла и адреса ссылки, если похожи - вешаем класс.
if(window.location.href === citiesListItemHref){
	citiesListItem.classList.add("active-city");
}

//Добавляем "слушателя".
choiceCity.addEventListener("click", toggleModal);
citiesClose.addEventListener("click", toggleModal);

Answer 1

[Дмитрий Марков]

function toggleModal(event){
event.preventDefault();
modalCity.classList.toggle("is-open");
}

Answer 2

[Алексей Уколов]

Чтобы отменить действие по-умолчанию для события нужно на нём выполнить preventDefault. Судя по вопросу, вы об этом знаете. Что вызывает трудности?

Comments

[Aaang]

Извиняюсь, тупанул. Думал что нужно отдельно на ссылку вешать, а сверху подсказали что preventDef можно вкладывать в функцию toggleModal. Не знал что так можно) только учусь)