Как собрать буквы по порядку в слово?

Question

[Mesuti]

Привет!
Надо от поискового робота спрятать важное слово без php.
Пришла идея разобрать слово по буквам и собрать в слово при клике на кнопку (либо через время)

Как можно собрать слово по клику или через время?
(Принимаются советы как еще можно спрятать слово и собрать)

Заготовка в jsFiddle

Comments

[Otrivin]

Вроде как поисковики умеют в js, разве нет?

[Mesuti]

Пытаемся максимально запутать

Answer 1

[0xD34F]

Назначаете элементам с буквами data-атрибут, значение которого будет обозначать позицию буквы в слове:

<p data-letter="2">П</p>
<p data-letter="0">Ж</p>
<p data-letter="3">А</p>
<p data-letter="1">О</p>

Собираете слово:

const word = $('[data-letter]')
  .sort((a, b) => $(a).data('letter') - $(b).data('letter'))
  .text();

// или

const word = Array
  .from(document.querySelectorAll('[data-letter]'))
  .reduce((acc, n) => (acc[n.dataset.letter] = n.innerText, acc), [])
  .join('');

Comments

[Сергей Соколов]

не получается слово «СЧАСТЬЕ»

[kr_ilya]

Сергей Соколов, получается

[Mesuti]

Спасибо!
Уже который раз выручаете советом

Answer 2

[Сергей Соколов]

В коде страницы слово пусть будет массивом кодов его символов. Тогда останется собрать по клику:

Или, может, удобнее, прямо в HTML разметке в data-атрибуте держать скрытое слово задом наперёд и по таймайту обновлять.

Comments

[Mesuti]

Спасибо!
Очень интересное решение!

[Mesuti]

Подскажите, где брать номера букв?

[Сергей Соколов]

Александр Сорокин, на JS номера можно получить, например, так:

alert(JSON.stringify('СЧАСТЬЕ'.split('').map(c=>c.charCodeAt(0))));