Javascript 创建一个表单，将用户输入传递给另一个表单

我需要创建一个表单，显示现有对象的不同属性

根据用户输入的输入字段，该输入应更新对象值。例如，假设您有一个名为

car

的对象，其值如下：

brand:"Porsche", 
model:"GT3", 
year:2004, 
colour:"White"  

使用您的表单，用户可以输入

Black

更新保时捷的颜色，或输入

Cayenne

更新车型

我需要用javascript写这个。我知道如何获取用户输入，但如何将该信息传递到另一个表单并更新该表单的输出

我必须输出这些信息，我已经创建了一个

div

来保存内容。我还是个学生，这让我很困惑。

你可以这样做

const car={
品牌：'Porche'，
型号：“GT3”，
年份：2004年，
颜色：“白色”
}
//更新描述您的汽车的html内容
const updateHtmlContent=obj=>{
const brand=document.querySelector（“#brand span”）；
const model=document.querySelector（“#model span”）；
const year=document.querySelector（“#年跨度”）；
const color=document.querySelector（'#color span'）；
//更新相应的html元素
brand.textContent=obj.brand；
model.textContent=obj.model；
year.textContent=obj.year；
color.textContent=obj.color；
}
//根据输入和调用html更新函数更新汽车对象
//由按钮点击触发
const updateCarContent=obj=>{
//获取输入字段
const brandInp=document.querySelector（'#brandInp'）；
constmodelinp=document.querySelector（“#modelInp”）；
const yearInp=document.querySelector（“#yearInp”）；
const colorInp=document.querySelector（'#colorInp'）；
//仅当相应字段不为空时更新车辆属性
如果（brandInp.value！=''）{obj.brand=brandInp.value；}
如果（modelInp.value！=''）{obj.model=modelInp.value；}
如果（yearInp.value！=''{obj.year=yearInp.value；}
如果（colorInp.value！=''）{obj.color=colorInp.value；}
//清除输入字段
brandInp.value=''；
modelInp.value=''；
yearInp.value=''；
colorInp.value=''；
更新TML内容（obj）；
}
更新TML内容（car）；
//获取submit按钮并单击事件监听器，它将触发更新功能
const submitBtn=document.querySelector（“#submit”）；
submitBtn.addEventListener（'click'，event=>{
更新内容（car）；
});
品牌：
型号：
年份：
颜色：
品牌：


型号：


年份：


颜色：


更新
以下是一个快速示例，说明如何开始：创建两个表单，然后将值从一个表单更新到另一个表单

我有意将此代码段保持尽可能小（我们称之为a）。听起来好像javascript中的读/写值是让您感到困惑的部分，所以这是我真正关注的部分


var oldMake=document.querySelector（'#f1 input[name=make]'）；
var newMake=document.querySelector（“#f2 input[name=make]”）；
newMake.value=oldMake.value+'（添加内容）'

谢谢，我会花一些时间来理解，但会继续练习。我现在有点进步，但谢谢你，我会记下这一点，并对其进行更多研究。