<!doctype html>
<title>Testing</title>
<meta charset="utf-8">
<div id="hero"></div>
<div id="about"></div>
<div id="auth"></div>
<script>
'use strict';
box('hero', { isDefault: true, views: ['about'], code: ['hero', 'auth'] }, function(error, result, page){
// Данные получаются но не получается их использовать
console.log(page);
return '<h1>Hero</h1><input id="crt1" name="submite" value="Hello">';
});
box('about', {}, function(error, result, page){
return '<div>About</div><input name="aboutFueld" placeholder="Hello About">';
});
box('test', {}, function(error, result, page){
return '<div>Auth</div><br><input name="login" placeholder="Enter login"><br><input name="password" placeholder="Enter password">';
});
function box(nameBlock, options, callback) {
var code = options.code ? options.code : [];
var currentBlock = document.querySelector('#' + nameBlock);
// Передаем данные в callback чтобы использовать их дальше
for (var i = 0; i < code.length; i++) if (code[i] == nameBlock) currentBlock.innerHTML = callback(null, null, currentBlock);
}
</script>
