HTML5のお勉強

ネタが無いので、HTML5の学習で作ったプログラムのソースを掲載するわ。お目汚しになりそうなので、文字を白くしておくわ。見たい人は、選択して、文字の色を反転させてね。
下のプログラムは、キャラクターのテキストボックスに一文字入力して、Unicodeボタン押せば、UnicodeのテキストボックスにUnicodeを16進数で表示するの。
document.mainform.character.value.charCodeAt(0).toString(16)で入力された文字のUnicodeが16進数で出力されるわ。便利なメソッドよね。最初は、このメソッドを知らなかったから、変換する関数を作ろうとしたわ^^;
<!–
  * ==================================
  * テキストボックスに入力された文字の
  * Unicodeを表示するプログラム
  * by 山ヶ城 由衣 完成
  * ==================================
–>
<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″>
<title>Unicode</title>
<script lang=”JavaScript”>
window.onload = initialize;
// 変数を初期化する関数
function initialize(){
        // 初期化する事項が無いので未使用
}
// Unicodeを表示する関数
function showUnicode(){
document.mainform.unicode.value = document.mainform.character.value.charCodeAt(0).toString(16);
}
</script>
<script>
</script>
</head>
<body>
<form name=”mainform”>
<table>
<tr><td>キャラクター:</td><td><input type=”text” name=”character” size=”2″ maxlength=”1″>
<button onclick=”showUnicode()”>Unicode</button></td></tr>
<tr><td>Unicode:</td><td><input type=”text” name=”unicode” size=”20″ maxlength=”10″></td>
</tr>
</table>
</form>
</body>
</html>

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です