文字列をspanタグで囲む

<div class="items">
    <h1 class="item">titletitle</h1>
    <p class="item">texttexttexttexttexttexttexttexttext</p>
</div>

(function(){
const items = document.querySelectorAll('.item');
items.forEach(target => {
let newText = '';
const text = target.textContent;
const result = text.split('');
for(let i = 0; i < result.length; i++){
newText += '' + result[i] + '';
}
target.innerHTML = newText
});
}());

変数の用途
・jstext→要素の取得
・target[引数]→取り出した要素の格納
・newText要素を入れる空の変数
・text取り出したtarget要素を取得
・result取得した文字を格納

for文内の記述
・resultで取り出した文字列を繰り返しspanタグで囲っていく。
囲った文字列をnewTextに格納する。