こんな感じですか？
拡張子に.htmlを指定して保存したあとWebブラウザにドロップしてみてください。
----------ここから-----------
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<title>Sample</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<script type="text/javascript">
var msgs=new Array();
msgs["ただいま"]="おかえり";
msgs["おはよう"]="おそよう";
function doFunc(srcId,destId){
var srcEl=document.getElementById(srcId);
var destEl=document.getElementById(destId);
destEl.value=(''==msgs[srcEl.value]) ? msgs[srcEl.value] : srcEl.value;
if(''==srcEl.value) destEl.value='入力が空です';
}
</script>
</head>
<body>
<form>
<input type="text" id="outputBox" size="24" style="border:0;" readonly="readonly" />
<input type="text" id="inputBox" size="24" onchange="doFunc('inputBox','outputBox');" />
<input type="button" value="Click!" onclick="doFunc('inputBox','outputBox');" />
<a href="#" onclick="doFunc();">js</a>
</form>
</body>
</html>
----------ここまで-----------
