大文字・小文字を変換する

<script type="text/javascript">
<!-- ボタンがクリックされたらchangeCaps()をコールしその結果をid名resultを持つspan要素に出力する -->
window.onload = function(){
    var original = document.getElementById("original");
    var result = document.getElementById("result");

    document.getElementById("upper").onclick = function(){
        if(original.value){
            result.innerHTML = changeCaps(original.value, 1);
        }
    }

    document.getElementById("lower").onclick = function(){
        if(original.value){
            result.innerHTML = changeCaps(original.value, 2);
        }
    }
}
</script>
<h1>大文字・小文字を変換する</h1>
<p>変換前の文字列： <input id="original" type="text" value="JavaScript" /></p>
<p>変換後の文字列： <span id="result">変換後の文字列が表示されます。</span></p>
<input id="upper" type="button" value="大文字へ変換する" />
<input id="lower" type="button" value="小文字へ変換する" />

//引数として変換する文字列と、大文字・｣小文字どちらに変換するのかを数値で受け取る
function changeCaps(str, direction){
    var changed = "";

    if(direction == 1){
        changed = str.toUpperCase();
    }

    if(direction == 2){
        changed = str.toLowerCase();
    }

    return changed;
}