文字列の最後をspanタグで囲みたい

Question

実現したいこと

• 文字列の最後をspanタグで囲ってCSSで文字サイズを変えたい

前提

変更するコードを書いたのですがHTML上に反映されずどうしたものかと悩んでいます

発生している問題・エラーメッセージ

エラーは特になし

該当のソースコード

<p class="dateinfo">
	<span class="date">
		2023/03/02 木　// →こうしたい2023/03/02 <span>木</span>
	</span>
	<span class="date">
		2023/03/02 月　// →こうしたい2023/03/02 <span>月</span>
	</span>
	<span class="date">
		2023/03/02 火　// →こうしたい2023/03/02 <span>火</span>
	</span>
	<span class="date">
		2023/03/02 日　// →こうしたい2023/03/02 <span>日</span>
	</span>
</p>

const eventdays = document.querySelectorAll(".dateinfo .date");
[...eventdays].forEach((e) => {
  let youbi = e.innerText.replace(/\s+/g, "").slice(-1);
  e = e.innerText.replace(new RegExp(youbi, "g"), `<span>${youbi}</span>`);
});

試したこと

innerHTMLも試しましたがサイト上で反映されませんでした

e = e.innerHTML.replace(new RegExp(youbi, "g"), `<span>${youbi}</span>`);

Answer 1

書く場所が間違えてました

e.innerHTML = e.innerText.replace(
    new RegExp(youbi, "g"),
    `<span>${youbi}</span>`
  );