<!DOCTYPE html>
<html>
<head>
<title>姓名判断創作命名アプリ</title>
<meta charset="utf-8">
<script>
function getName() {
var lastName = document.getElementById("last-name").value;
var firstName = document.getElementById("first-name").value;
var name = lastName + firstName;
var sum = 0;
for(var i = 0; i < name.length; i++) {
sum += name.charCodeAt(i);
}
var num1 = sum % 10;
var num2 = (sum % 100 - num1) / 10;
var num3 = (sum % 1000 - num1 - num2 * 10) / 100;
var totalNum = num1 + num2 + num3;
if(totalNum <= 2) {
var surname = "岩瀬";
var givenName = "栄之助";
} else if(totalNum <= 4) {
var surname = "坂本";
var givenName = "あやめ";
} else if(totalNum <= 6) {
var surname = "山岸";
var givenName = "きさらぎ";
} else if(totalNum <= 8) {
var surname = "高木";
var givenName = "はるか";
} else {
var surname = "中山";
var givenName = "まさとし";
}
document.getElementById("output").innerHTML = "姓:" + surname + "<br>名:" + givenName;
}
</script>
</head>
<body>
<h1>姓名判断創作命名アプリ</h1>
<form>
姓:<input type="text" id="last-name"><br>
名:<input type="text" id="first-name"><br>
<button type="button" onclick="getName()">名前を生成する</button>
</form>
<div id="output"></div>
</body>
</html>
<!-- このアプリでは、alertを使わずにHTML上に結果を表示するようにしています。また、evalを使用する必要がないため使用しません。 -->