Как мне написать скрипт который преобразует слово в такую HTML разметку?

Question

[Дмитрий]

Нужно написать скрипт на чистом js который берёт слово с документа и приобразовывает каждую её букву в спан с классом 'char' и соответствуйщим номером , ( добовлять стили как на скриншоте скрипт не должен ).

Comments

[Сергей Сергей]

'abc'.split('').map( (l,i) => `<span class="char${i}">${l}</span>` ).join('')

[Дмитрий]

Gracias Señor!

Answer 1

[Danny Arty]

function textIntoSpan(inputText) {
  var word = inputText.split('');
  let result = '';

  word.forEach(function(char, i){
    var idx = i + 1;
    result += (char.trim() === '') ? '' : '<span class="char'+idx+'">' + char + '</span>';
  });

  return result;
}

Comments

[Дмитрий]

Спасибо большое, целую обнимаю!!!

Answer 2

[Денис Соколов]

function generateHTML(text) {  
  return `<h1>${Array.from(text).map((a, idx) => `<span class="char${idx}">${a}</span>`).join('')}</h1>`
}