Как запустить функцию JS несколько раз подряд, каждый раз с разными аргументами, при наведении на определенный элемент страницы?

Question

[Василий Петров]

Есть HTML-страница с текстом. Внутри текста имеются тэги <a>.

Пытаюсь при наведении на эти тэги, запустить одну и ту же функцию, которая выводит заданный мною текст в качестве аргумента. Но при наведении на любой из тэгов, выводится всегда текст, который указан в качестве аргумента последней функции в коде страницы.

По идее при наведении на конкретный объект должен выводиться только тот текст, который предназначен для определенного нажатого элемента. Нажатие на элемент вроде как отслеживаю, но, возможно, криво, и поэтому не работает.

Мой код.

Answer 1

[Надим]

Тут не нужен JavaScript - это все можно на чистом CSS сделать (подсказки при наведении). Если хотите, покажу как.

Comments

[Василий Петров]

Хмм, не думал совсем про это. Дальше я разберусь. Спасибо!

P.S.: Но если все же кто-то знает, что не так с моим кодом, буду благодарен за подсказку в решении задачи с помощью JS.

[Алексей Абрамов]

Василий Петров, https://codepen.io/alexeyabramov/pen/vYyGKJb как вариант, решение на css. Попозже могу на js скинуть

[Василий Петров]

Алексей, спасибо, на css я это понимаю, а вот JS для меня мрак))

[Алексей Абрамов]

Василий Петров, https://codepen.io/alexeyabramov/pen/OJbNRMX вот переписал на js

[Василий Петров]

Алексей, спасибо!