如何将多个输入框的取值传递到单个输入框或textarea中

<!-- 原有输入控件 -->
<input type='text' name='name' id='name'>
<input type='date' name='date' id='date'>
<textarea name='text' id='text'></textarea>

<script>
// 获取所有相关DOM元素
const nameInput = document.getElementById('name');
const dateInput = document.getElementById('date');
// 输出元素如果是单个input，直接修改选择器为对应input的id即可，逻辑不变
const outputEl = document.getElementById('text');

// 按要求格式拼接内容并更新输出
const updateOutput = () => {
  const nameVal = nameInput.value;
  const dateVal = dateInput.value;
  outputEl.value = `我的“${nameVal}”，日期为“${dateVal}”。`;
}

// 监听输入变化，内容修改就实时触发更新
nameInput.addEventListener('input', updateOutput);
dateInput.addEventListener('input', updateOutput);
</script>

• 绑定input事件后，手动输入名称、选择日期都会实时触发内容更新，无需额外加按钮提交
• 若不需要输出框可直接编辑，给textarea或目标input加readonly属性即可
• 兼容低版本IE时，可替换addEventListener为attachEvent的兼容写法

内容的提问来源于stack exchange，提问作者Đęĕpák Ğųpţą