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

Question

[ishimskayamahorka14]

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

<form>
   <input type="search" class="searher-inp">
   <input type="submit" class="submiter-btn">
</form>
<a class="link-to-search">Текст для поиска</a>

Comments

[Дмитрий Беляев]

Ссылка (тег a) обязана куда-то вести. Если это просто ручка для запуска js - это кнопка (button). Стилизовать можно как угодно, главное фокус не ломайте.

Answer 1

[Viacheslav Gordeiko]

const links = document.querySelectorAll('.link-to-search');
links.forEach((link) => link.addEventListener('click', (e) => {
	document.querySelector('input.searcher-inp').value = e.target.textContent;
	document.querySelector('form').submit();
}))

Answer 2

[hzzzzl]

Comments

[Viacheslav Gordeiko]

Обрабатывать каждый клик? Серьезно?

[hzzzzl]

Viacheslav Gordeiko, вполне, особенно если эти a.link-to-search еще потом будут подгружаться откуда-то, то чтобы не вешать листенер на каждый из них отдельно