Javascript 需要帮助将属性输入到对象变量中吗

我想在输入框中这样做，当输入时，值被指定给对象变量中的属性。例如：如果为权重输入180，则将180的值指定给权重。也不确定如何显示键和值。现在我把它放在控制台里了

我现在的代码是

var篮球运动员={
重量：“，
高度：“，
胜利：“，
损失：“，
};
document.getElementById（'number'）。addEventListener（'keyup'，函数（e）{
如果（e.keyCode==13）{
让pikachu=this.value；
控制台日志（pikachu）；
document.getElementById（“charzard”）.innerHTML=pikachu；
}
});
document.getElementById（'number1'）。addEventListener（'keyup'，函数（e）{
如果（e.keyCode==13）{
设pikachu1=this.value；
控制台日志（pikachu1）；
document.getElementById（“charzard1”）.innerHTML=pikachu1；
}
});
document.getElementById（'number2'）。addEventListener（'keyup'，函数（e）{
如果（e.keyCode==13）{
设pikachu2=此值；
控制台日志（pikachu2）；
document.getElementById（“charzard2”）.innerHTML=pikachu2；
}
});
document.getElementById（'number3'）。addEventListener（'keyup'，函数（e）{
如果（e.keyCode==13）{
设pikachu3=此值；
控制台日志（pikachu3）；
document.getElementById（“charzard3”）.innerHTML=pikachu3；
}
});
for（让对象的[键，值]进入（篮球运动员））{
log（`${key}:${value}`）；
}

篮球运动员

重量：


高度：


胜利：


损失：

您可以对每个输入这样做。例如：将输入权重的值指定给对象属性

basketballplayers.weight = pikachu

下面是每个输入字段的

var basketballplayers = {
    weight: "",
    height: "",
    wins: "",
    losses: "",
};

document.getElementById('number').addEventListener('keyup', function(e) {
      if (e.keyCode == 13) {
          let pikachu = this.value;
          console.log(pikachu);
          basketballplayers.weight = pikachu;
          document.getElementById("charzard").innerHTML = pikachu;
      }
});

document.getElementById('number1').addEventListener('keyup', function(e) {
    if (e.keyCode == 13) {
        let pikachu1 = this.value;
        console.log(pikachu1);
        basketballplayers.height = pikachu1;
        document.getElementById("charzard1").innerHTML = pikachu1;
    }
});

document.getElementById('number2').addEventListener('keyup', function(e) {
    if (e.keyCode == 13) {
         let pikachu2 = this.value;
         console.log(pikachu2);
         basketballplayers.wins = pikachu2;
         document.getElementById("charzard2").innerHTML = pikachu2;
    }
});

document.getElementById('number3').addEventListener('keyup', function(e) {
    if (e.keyCode == 13) {
        let pikachu3 = this.value;
        console.log(pikachu3);
        basketballplayers.Losses = pikachu3;
        document.getElementById("charzard3").innerHTML = pikachu3;
    }
});

---

将值赋给pikachu1,2,3后。 可以立即修改对象

basketballplayers = {...basketballplayers, weight: pikachu}

---

只需更新BasketballPlayer对象，而不是段落的innerHTML：

var篮球运动员={
重量：“，
高度：“，
胜利：“，
损失：“，
};
document.getElementById（'number'）。addEventListener（'keyup'，函数（e）{
如果（e.keyCode==13）{
basketballplayers.weight=此.value；
控制台日志（篮球运动员）；
}
});
document.getElementById（'number1'）。addEventListener（'keyup'，函数（e）{
如果（e.keyCode==13）{
basketballplayers.height=此.value；
控制台日志（篮球运动员）；
}
});
document.getElementById（'number2'）。addEventListener（'keyup'，函数（e）{
如果（e.keyCode==13）{
basketballplayers.wins=此.value；
控制台日志（篮球运动员）；
}
});
document.getElementById（'number3'）。addEventListener（'keyup'，函数（e）{
如果（e.keyCode==13）{
basketballplayers.loss=此值；
控制台日志（篮球运动员）；
}
});
篮球运动员

重量：


高度：


胜利：


损失：