Javascript 绑定两个输入，使它们显示相同的文本，即使其中一个仅使用本机JS进行了更改

我知道如何使用Jquery实现这一点，但您能帮助我使用原生JS吗。 jQuery：

HTML:

请描述您试图实现的目标。我只想像这里一样绑定两个输入字段。请描述您试图实现的目标。我只想像这里一样绑定两个输入字段

$('.inputs').on('keyup',function(){
    $(this).parent().not(this).find('.inputs').val($(this).val());
}
);

<div>
    <input type="text" class="inputs" value="hello">
    <input type="text" class="inputs" value="John">
</div>

const inputs = document.querySelectorAll(".inputs");
inputs.forEach(input => {
  input.addEventListener("keyup", e => {
    let value = e.target.value;
    inputs.forEach(input => input.value = value);
  });
});