Javascript 如何创建JSON对象文件当我在输入文本中写入内容时，只需单击一个按钮即可复制它

如何制作JSON对象文件当我在输入文本中写入内容时，只需点击一个按钮将其复制，并使其显示我在输入文本中写入的所有内容

示例：我制作了一个json对象，并将其放入一个json.txt文件中。当我在其中写入时，我制作了3个输入文本，然后按下show all按钮，我希望它打印到控制台日志中，对象中有一个键，名为value，没有任何值。我希望该值成为输入文本值

const objs=[
{
“对象1”：{
“ID”：1，
“类型”：“输入”，
“颜色”：“中蓝色”，
“文本”：“哈穆德”，
“Text2”：“SPEEDYTIGER”，
“价值”：“，
“宽度”：“140px”，
“高度”：“30px”，
“顶部”：“15px”，
“左”：“5px”，
“字体”：{
“字体名称”：“斜体”，
“字体”：“20px”
}
},
“目标2”：{
“ID”：2，
“类型”：“输入”，
“颜色”：“石灰”，
“文本”：“爱之屋”，
“Text2”：“成人性痴呆症”，
“价值”：“，
“宽度”：“140px”，
“高度”：“30px”，
“顶部”：“130px”，
“左”：“5px”，
“字体”：{
“字体名称”：“斜体”，
“字体”：“20px”
}
},
“反对意见3”：{
“ID”：3，
“类型”：“输入”，
“颜色”：“金色”，
“文本”：“Abood”，
“文本2”：“DARKDRAGON”，
“价值”：“，
“宽度”：“140px”，
“高度”：“30px”，
“顶部”：“130px”，
“左”：“5px”，
“字体”：{
“字体名称”：“斜体”，
“字体”：“20px”
}
}
}
]; 
const breakFlex=document.createElement（“p”）；
breakFlex.style.flexBasis=“100%”；
breakFlex.style.height=0；
Object.key（objs[0]）.forEach（key=>{
const formItem=objs[0][key]；
const elmn=document.createElement（formItem.type）；
如果（formItem.type==“按钮”）{
elmn.innerHTML=formItem.Text；
}
否则{
elmn.placeholder=formItem.Text；
elmn.value=formItem.value；
}
Object.assign（elmn.style{
颜色：formItem.color，
宽度：formItem.width，
高度：formItem.height，
top:formItem.top，
左：formItem.left，
fontFamily:formItem.Font.fontName，
fontSize:formItem.Font.Font，
弹性：“1 0 45%”，
});
if（formItem.type！=“按钮”）{
常量标签=document.createElement（“标签”）；
label.innerHTML=formItem.Text2+“
”；
label.style.fontSize=“更小”；
标签.附件儿童（elmn）；
document.getElementById（'ColorArea'）.appendChild（标签）；
}else文档.getElementById（'ColorArea'）.appendChild（elmn）；
document.getElementById（'ColorArea'）.appendChild（breakFlex.cloneNode（））；
});
const showAll=document.createElement（“按钮”）；
showAll.type=“按钮”；
showAll.textContent=“全部显示”；
showAll.addEventListener（“单击”，函数（）{
[…document.querySelectorAll（“input，textarea，select”）].forEach（inp=>console.log（inp.value））
})
document.getElementById（'ColorArea'）.appendChild（showAll）

const objs=[
{
“对象1”：{
“ID”：1，
“类型”：“输入”，
“颜色”：“中蓝色”，
“文本”：“哈穆德”，
“Text2”：“SPEEDYTIGER”，
“价值”：“，
“宽度”：“140px”，
“高度”：“30px”，
“顶部”：“15px”，
“左”：“5px”，
“字体”：{
“字体名称”：“斜体”，
“字体”：“20px”
}
},
“目标2”：{
“ID”：2，
“类型”：“输入”，
“颜色”：“石灰”，
“文本”：“爱之屋”，
“Text2”：“成人性痴呆症”，
“价值”：“，
“宽度”：“140px”，
“高度”：“30px”，
“顶部”：“130px”，
“左”：“5px”，
“字体”：{
“字体名称”：“斜体”，
“字体”：“20px”
}
},
“反对意见3”：{
“ID”：3，
“类型”：“输入”，
“颜色”：“金色”，
“文本”：“Abood”，
“文本2”：“DARKDRAGON”，
“价值”：“，
“宽度”：“140px”，
“高度”：“30px”，
“顶部”：“130px”，
“左”：“5px”，
“字体”：{
“字体名称”：“斜体”，
“字体”：“20px”
}
}
}
]; 
const breakFlex=document.createElement（“p”）；
breakFlex.style.flexBasis=“100%”；
breakFlex.style.height=0；
Object.key（objs[0]）.forEach（key=>{
const formItem=objs[0][key]；
const elmn=document.createElement（formItem.type）；
如果（formItem.type==“按钮”）{
elmn.innerHTML=formItem.Text；
}
否则{
elmn.placeholder=formItem.Text；
elmn.value=formItem.value；
}
Object.assign（elmn.style{
颜色：formItem.color，
宽度：formItem.width，
高度：formItem.height，
top:formItem.top，
左：formItem.left，
fontFamily:formItem.Font.fontName，
fontSize:formItem.Font.Font，
弹性：“1 0 45%”，
});
if（formItem.type！=“按钮”）{
elmn.addEventListener（'input'，函数（e）{
formItem['value']=e.target.value；
});
常量标签=document.createElement（“标签”）；
label.innerHTML=formItem.Text2+“
”；
label.style.fontSize=“更小”；
标签.附件儿童（elmn）；
document.getElementById（'ColorArea'）.appendChild（标签）；
}else文档.getElementById（'ColorArea'）.appendChild（elmn）；
document.getElementById（'ColorArea'）.appendChild（breakFlex.cloneNode（））；
});
const showAll=document.createElement（“按钮”）；
showAll.type=“按钮”；
showAll.textContent=“全部显示”；
昭和