Javascript 如何使函数的DOM显示结果？

我希望能够从下拉列表中选择archer，单击submit，并显示GetRooplostValue的结果。这是我到目前为止所拥有的

    var troops = {
        spear: {
            wood: 50,
            clay: 30,
            iron: 10
        },
        sword:{
            wood: 30,
            clay: 30,
            iron: 70
        },
        axe: {
            wood: 60,
            clay: 30,
            iron: 40
        },
        archer:{
            wood: 100,
            clay: 30,
            iron: 60
        }
    }

    var spear = troops.spear;
    var sword = troops.sword;
    var axe = troops.axe;
    var archer = troops.archer;

    function getTroopLostValue(n, type="spear") { 
        n = parseInt(document.querySelector("#numberOfTroops").value);
        type = document.querySelector("[value='spear']").value;

        return {
            wood: troops[type].wood * n,
            clay: troops[type].clay * n,
            iron: troops[type].iron * n
        }    
    }

    function displayLost(){
        var displayLost = document.querySelector("#displayLost");
        displayLost.innerHTML = "<p>" + getTroopLostValue() + "</p>";
    }

我知道问题来自这一行，但我不确定用什么来替换getRoopSlostValue。。。感谢大家的帮助，谢谢大家

    displayLost.innerHTML = "<p>" + getTroopLostValue() + "</p>";

---

如果要显示对象，可以执行JSON.stringifygetTroopListValue。如果要以所需格式显示字符串，可以执行以下操作：

var部队={ 矛：{木：50，泥：30，铁：10}， 剑：{木：30，泥：30，铁：70}， 斧头：{木：60，泥：30，铁：40}， 弓箭手：{木头：100，泥土：30，铁：60} }; 函数getTroopLostValuen，类型=spear{ var n=parseIntdocument.querySelectornumberOfTroops.value； var type=document.querySelector[value='spear'].value； 返回{ 伍德：部队[类型]。伍德*n， 克莱：部队[类型].clay*n， 铁：部队[类型]。铁*n } } 函数objtostringbj{ return Object.entriesobj.mapfunctionv{ 返回v[0]+：+v[1]； }.加入“|”； } 功能显示丢失{ var displayLost=document.querySelectordisplayLost； var result=getTroopLostValue； displayLost.innerHTML=+objToStringresult+

； } 矛 提交

---

你能在第1部分输入：{}2中描述一下你的代码吗。我不想做这件事。试着这样做：你是密码

    displayLost.innerHTML = "<p>" + getTroopLostValue() + "</p>";