http://sapporo.cool.ne.jp/kumanesir/kanahenkan.htm
この中のkana.plを参考にして、 JavaScriptで変換機能を実現してみました。

「ローマ字の文章」の欄にローマ字を入力して、「変換」ボタンをクリックしてください。すると、「変換結果」の欄に片仮名が表示されるはずです。

ホームページ用に、半角仮名を<font size="-2">全角仮名</font> に変換してます。