総画数計算アプリ

以下、JavaScriptを使ったアプリの例です。

```html
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>総画数計算アプリ</title>
</head>
<body>
	<h1>総画数計算アプリ</h1>
	<p>名前を入力してください。</p>
	<input type="text" id="name">
	<button onclick="count()">計算する</button>
	<p id="result"></p>
	<script>
		function count() {
			const name = document.getElementById("name").value;
			if (!name) {
				document.getElementById("result").innerHTML = "名前を入力してください";
				return;
			}
			if (/[A-Za-z]/.test(name)) {
				document.getElementById("result").innerHTML = "日本語の名前を入力してください";
				return;
			}
			const counts = {"あ": 1, "い": 1, "う": 2, "え": 1, "お": 1,
							"か": 2, "き": 2, "く": 3, "け": 2, "こ": 2,
							"さ": 2, "し": 2, "す": 3, "せ": 2, "そ": 2,
							"た": 2, "ち": 3, "つ": 4, "て": 2, "と": 3,
							"な": 2, "に": 2, "ぬ": 2, "ね": 2, "の": 2,
							"は": 2, "ひ": 3, "ふ": 4, "へ": 2, "ほ": 3,
							"ま": 3, "み": 3, "む": 3, "め": 3, "も": 3,
							"や": 2, "ゆ": 3, "よ": 2,
							"ら": 2, "り": 3, "る": 4, "れ": 2, "ろ": 3,
							"わ": 3, "を": 1, "ん": 2};
			let count = 0;
			for (let i = 0; i < name.length; i++) {
				const c = name.charAt(i);
				if (counts[c]) {
					count += counts[c];
				}
			}
			document.getElementById("result").innerHTML = `${name}さんの総画数は${count}です。`;
		}
	</script>
</body>
</html>
```

このアプリは、入力された名前をUTF-8の文字コードで扱い、各文字にライブラリに登録された画数を割り当て、総画数を計算します。英語などの日本語以外の文字や、空欄の場合にはエラーメッセージを表示します。画数に関するジョークを取り入れたくて、"位"という単位をつけたり、"1画は"の説明を加えたりすることもできます。