Как сделать анимацию подчеркивания абзаца?

Question

[Leonardo-lavanda]

На изображении представлены состояния. При наведении мыши на абзац по очереди должны плавно подчеркиваться линии. Можно реализовать с наименьшим использованием js?

Answer 1

[RAX7]

Comments

[Leonardo-lavanda]

Благодарю, это то, что мне нужно

[Максим]

Здарова ...скажи что такое три точки ? [...document.querySelectorAll вот в этом ответе : https://ru.stackoverflow.com/a/976738/330688

[RAX7]

Максим Ленский, оператор spread https://habr.com/ru/post/348718/
и в примере по ссылке он нафиг не нужен, NodeList который вернет querySelectorAll и так имеет метод forEach.

[Максим]

RAX7, NodeList -это коллекция ? А в каких случаях применяют spread ? он что то заменяет ?

[RAX7]

Максим Ленский, да и у этой коллекции нет методов map, reduce, includes и т.д. И если они нужны, то можно spread оператором преобразовать NodeList в Array и использовать все методы массивов для работы с ним. Есть еще Array.from()

[Максим]

RAX7, но там же в примере он как раз применил reduce и одновременно использовал ... этот самый

[RAX7]

Максим Ленский, ну значит где reduce - надо, а где forEach - можно обойтись и без ...