问如何在不使用Javascript中的任何框架的情况下实现MV*架构？

EN

Model = {};

View = {
  update: function() {
    document.getElementById('out').innerText = Model.name;
  }
};

Controller = {
  init: function() {
    document.getElementById('in').addEventListener('keyup', function() {
      Model.name = this.value;
      View.update();
    });
  }
};

window.onload = Controller.init;

<p>Your name: <input id="in"></p>

<p>Hello, <span id="out"></span>!</p>