javascript - 绑定(bind)两个输入，以便它们显示相同的文本，即使其中之一仅使用 native JS 进行了更改

Question

我知道如何使用 Jquery http://jsfiddle.net/69UAT/ 做到这一点但是你能帮我用原生 JS 吗？jQuery:

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

HTML:

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

Answer 1

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