Как на при клике на кнопку получить href JavaScript?

Question

[generate]

Сделал такой код на jquery но как его перевести в чистый js ?
Как получить значение href при клике на класс menu-item-text

$('.menu-item-text').click(function(){

	let b = $(this).attr('href').replace('#', '');
	$('[name="'+b+'"]').scrollIntoView({block: "center", behavior: "smooth"})
	})

Comments

[Stalker_RED]

Вот что бывает, когда не даете полную картину, а у людей телепатия сбоит. Два из четырех ответов работают только с одним элементом, а у вас в меню их наверное больше одного.

[generate]

Stalker_RED, Да больше, если бы один был я бы напрямую бы взял , а не в href клал

[Loli E1ON]

Stalker_RED, действительно, сбоит. xd

Answer 1

[Loli E1ON]

document.querySelector('.menu-item-text').addEventListener("click", (e) => {
  const elem = e.target.getAttribute('href').replace('#', '');
  document.querySelector(`[name="${elem}"]`).scrollIntoView({block: "center", behavior: "smooth"});
});

Answer 2

[Александр]

const handleClick(el) {
  const href = el.target.getAttribute('href').replace('#', '');
  document.querySelector(`[name="${href}"]`).scrollIntoView({block: "center", behavior: "smooth"});
};
document.querySelectorAll('.menu-item-text').forEach(el => el.addEventListener('click', handleClick));

Comments

[generate]

Почему то после этого все картинки с сайта пропадают верстка кривой становиться но работает

[Александр]

скрипт ничего не меняет в DOM-е, причина в чем-то другом

Answer 3

[Stalker_RED]

document.addEventListener('click', function myClickHandler(evt) {
  const menuItem = evt.target.closest('.menu-item-text');
  if (menuItem) {
    const b = menuItem.href.hash.replace('#', '');
    console.log(b);
  }
});

Comments

[generate]

он всю ссылку даёт site.com/ссылка
а в href стоит просто #suulka

[Stalker_RED]

generate, const b = menuItem.href.hash.replace('#', '');

Answer 4

[Олег]