javascript - 将两个重复输入的 JavaScript 放在一起

Question

谁能帮我把这两个 JavaScript 放在一起吗？

控制台从这两个内联文件向我发送错误。

    <script type="text/javascript">
    var 
    first = document.getElementById('jform_username'),
    second = document.getElementById('jform_email1'),
    third = document.getElementById('jform_email2');

    first.onkeyup = function () {
      second.value = first.value;
      third.value = first.value;
    };     
    </script>

    <script type="text/javascript">
    var 
    firstp = document.getElementById('jform_password1'),
    secondp = document.getElementById('jform_password2');

    firstp.onkeyup = function () {
      secondp.value = firstp.value;
    };     
    </script>

如果您还可以解释为什么这两者会产生错误，那就太好了。

我认为这与功能有关，但我不知道。

这是实际问题的图片。

这是基于@Shubham Singla解决方案的新问题

提前致谢。

Answer 1

将 keyup 更改为 firstp.addEventListener("keyup",function()...

代码

<script type="text/javascript">
document.addEventListener("DOMContentLoaded", function(event) {
var 
first = document.getElementById('jform_username'),
second = document.getElementById('jform_email1'),
third = document.getElementById('jform_email2');

first.addEventListener("keyup",function () {
  second.value = first.value;
  third.value = first.value;
});     

var 
firstp = document.getElementById('jform_password1'),
secondp = document.getElementById('jform_password2');

firstp.addEventListener("keyup",function () {
  secondp.value = firstp.value;
});   
});  
</script>

这是对其他答案的补充。所以用它更新了代码。