Untitled

<!DOCTYPE html>
<html>

  <frameset rows="34%,33%,33%">
    <frame src="name.html" name="namer"></frame>
    <frame src="greeting.html" name="greeting"></frame>
    <frame src="outcome.html" name="outcome"></frame>
    </frameset>

</html>

mag.module('greeting', {
  view: function(state) {
    state.button = {
      _onclick: function() {
        var greet = parent.namer.document.getElementById('fname').value;

        parent.outcome.document.getElementById('outcome').innerText = greet;
      }
    }
  }
})

/* Styles go here */

<body>
    <div>
        <form>
            Client Name: <input type="text" name="fname" id="fname" value="My name">
        </form>
     </div>
</body>

  <script src="//rawgit.com/magnumjs/mag.js/master/mag.min.js"></script>


<div id="greeting">
        <form>
            <button type="button">Greeting</button>
        </form>
     </div>
     
     <script src="script.js"></script>

  <h2>Hello <span id="outcome"></span></h2>