js templete 挿入用コード

(function() {
  
let html_text_string = `    <div class="replace">
         <div class="bbb">

            <p>aaaaaa</p>
            <p>aaaaaa</p>
            <p>aaaaaa</p>
            <p>aaaaaa</p>
            <p>aaaaaa</p>
            <p>aaaaaa</p>
            <p>aaaaaa</p>
            <p>aaaaaa</p>
            <p>aaaaaa</p>
            <p>aaaaaa</p>
            <p>aaaaaa</p>
            <p>aaaaaa</p>
            <p>aaaaaa</p>

        </div>
    </div>`;

// div要素を作成
let newDiv = document.createElement("div");

// クラス名を追加
newDiv.classList.add("replace");

// innerHTMLを代入
newDiv.innerHTML = html_text_string;

// body要素の直下に配置
document.getElementById("base").appendChild(newDiv);

console.log("add2実行");

}());