var inputs = document.getElementsByTagName("input");
      for (var i = 0; i < inputs.length; i++) {
        inputs[i].addEventListener("change", function(ev) {
          var input = ev.target;
          input.setAttribute("value", input.value);
        });
      }
      var areas = document.getElementsByTagName("textarea");
      for (var i = 0; i < inputs.length; i++) {
        areas[i].addEventListener("change", function(ev) {
          var area = ev.target;
          area.innerText = area.value;
        });
      }

proč nepoužiješ array tagov s inputmi a neprejdeš cez array cyklom? 2x psát skoro stejný kód mi neprijde rozumné.