@sochi-russia

Как в ссылке заменить атрибут href на другой и закодировать путь в Base64 используя делегирование событий?

Есть несколько ссылок типа
<a class="button" href="https://site.ru/deffr">Ссылка</a>
<a class="button" href="https://site.ru/ccfrs">Ссылка</a>
<a class="button" href="https://site.ru/vghtr">Ссылка</a>


Имея класс
"button"
, как закодировать содержимое
HREF
в
Base64
и после кодировки заменить атрибут
href
на придуманный атрибут
link

Ссылки при этом должны иметь на выходе приблизительно вот такой вид
<a class="button" link="aHR0cHM6Ly9zaXRlLnJ1L2RzZnNzZw==">Ссылка</a>


У меня есть скрипт
const o = document.querySelector(`.button`)
let v = o.href
o.removeAttribute('href')
v = btoa(v)
o.setAttribute('link', v)
o.addEventListener('click', e => {
  let v = e.target.getAttribute('link')
  v = atob(v)
  location.href = v
});

Он справляется с задаче, но только к первой ссылке, а надо чтобы все ссылки класса
button
были зашифрованы и кликабельны, переходимы, то-бишь используя делегирование событий. Заранее спасибо большое!
  • Вопрос задан
  • 98 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы