绑定两个输入，以便它们显示相同的文本，即使其中一个仅使用本机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);
  });
});