Javascript 附加各种输入以将其显示为字符串

嘿，我有以下问题，我想显示两个文本输入作为一个列表元素，但我不知道如何附加各种变量。下面的代码仅显示列表中的第一个输入

function addLi () {
 
    let x = document.createElement("LI");
    let name= document.createTextNode(document.getElementById("name").value);
    let city= document.createTextNode(document.getElementById("city").value);
   x.appendChild(name) 
    document.getElementById("list").appendChild(x);
    return false;
}

您可以这样做（只是一个带有循环的示例）：

document.getElementById（'add-btn'）。addEventListener（'click'，addLi'）；
函数addLi（）{
const items=['name'，'city']；
对于（让项目中的项目）{
const li=document.createElement（'li'）；
const value=document.createTextNode（document.getElementById（item.value））；
li.儿童（价值）；
文件.getElementById（“列表”）.appendChild（li）；
}
}

添加到列表中

您创建了

让城市

但从不使用它。至于创建

，您不创建任何内容，只创建您想要创建的状态。预期的html结果是什么？