Javascriptでブログライクを作る6

前回お茶を濁して、腐ってしまうほど時間が空いてしまったが、再開。
今回は、Init関数の実装パターンⅠ。
早速コード
<script type="text/javascript">
function init(){
var header = $('header');
header.style.backgroundColor = "#00ff00";
header.innerHTML = "カイトの練習帳";
var main = $('main');
main.innerHTML = '<div id="menu">メニュー用だよ</div><div id="report">記事が書かれるよ</div>';
var footer = $('footer');
footer.style.backgroundColor = "#00ff00";
footer.innerHTML = "Copyright © Kaito .All Right Reserved.";
}
</script>

今回このコードでは、header部とfooter部に文字を表示し、色をつけた。
また、main部をメニュー部分と記事部分とにさらに分けた。
これを前回のとくっつけて表示してみると、｢おい、俺(私)この緑色やだ。変えて｣と言われるに違いない。
でも色を変更するだけでも、色々と大変だ。ましてや、プログラムの中に言葉は書きたくない。要検討だね。

次回、設定は設定。ロジックはロジック。