如何在XMLHTTP请求后创建带有附加值的新div

Question

我想知道你们中的任何人是否会协助我找到解决我正在处理的问题的方法。

我正在为基于AJAX的网页制作2课程做家庭作业。

我已经让XMLHTTP请求运行良好，所有内容都正确地记录到控制台，但我想使用解析后的数组值为每个结果创建新的div。

以下是非工作代码的示例：

    let body = document.getElementById('wrapper')
    let obj;

function loaded(){
    if (req.readyState === 4){
           obj = JSON.parse(req.responseText);
           console.log(obj);
           addToSite();
           }
}
           function addToSite(){
           for (i=0; i<obj.results.length; i++){
                let newDiv = document.createElement('div');
                let newTit = document.createElement('h3');
                body.appendChild(newDiv);
                newDiv.appendChild(newTit);
                let titVal = document.createTextNode(obj.results[i].trackName);
                newTit.appendChild(titVal);
          }
}

如何更正此问题？