交流分析のエゴグラムの診断テストアプリを作りたい

以下が、交流分析のエゴグラムの診断テストアプリの実装例です。

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>交流分析のエゴグラムの診断テスト</title>
</head>
<body>
	<h1>交流分析のエゴグラムの診断テスト</h1>
	
	<p>以下の質問に回答して、あなたのエゴグラムを作成してみましょう。</p>
	
	<form>
		<h2>質問1：</h2>
		<label for="q1a"><input type="radio" name="q1" value="a" id="q1a">私は人には自分のことを話さない方だと思う</label><br>
		<label for="q1b"><input type="radio" name="q1" value="b" id="q1b">私は人には自分のことを話す方だと思う</label><br>
		
		<h2>質問2：</h2>
		<label for="q2a"><input type="radio" name="q2" value="a" id="q2a">私は自分自身のことをよく知っている方だと思う</label><br>
		<label for="q2b"><input type="radio" name="q2" value="b" id="q2b">私は自分自身のことをよく知らない方だと思う</label><br>
		
		<h2>質問3：</h2>
		<label for="q3a"><input type="radio" name="q3" value="a" id="q3a">私は人を信用しやすい方だと思う</label><br>
		<label for="q3b"><input type="radio" name="q3" value="b" id="q3b">私は人を信用しにくい方だと思う</label><br>
		
		<h2>質問4：</h2>
		<label for="q4a"><input type="radio" name="q4" value="a" id="q4a">私は自分自身を受け入れることができる方だと思う</label><br>
		<label for="q4b"><input type="radio" name="q4" value="b" id="q4b">私は自分自身を受け入れることができない方だと思う</label><br>
		
		<h2>質問5：</h2>
		<label for="q5a"><input type="radio" name="q5" value="a" id="q5a">私は自分自身のことを誇らしいと思うことができる方だと思う</label><br>
		<label for="q5b"><input type="radio" name="q5" value="b" id="q5b">私は自分自身のことを誇らしいと思うことができない方だと思う</label><br>
		
		<input type="submit" value="診断結果を表示">
	</form>

	<script>
		document.querySelector("form").addEventListener("submit", function(event){
			event.preventDefault();
			
			let ego = 0;
			let parent = 0;
			let child = 0;
			let result = "";
			
			if (document.querySelector('input[name="q1"]:checked').value === "a") {
				child++;
			} else {
				adult++;
			}
			
			if (document.querySelector('input[name="q2"]:checked').value === "a") {
				adult++;
			} else {
				child++;
			}
			
			if (document.querySelector('input[name="q3"]:checked').value === "a") {
				parent++;
			} else {
				child++;
			}
			
			if (document.querySelector('input[name="q4"]:checked').value === "a") {
				adult++;
			} else {
				child++;
			}
			
			if (document.querySelector('input[name="q5"]:checked').value === "a") {
				ego++;
			} else {
				parent++;
			}
			
			result += "あなたのエゴグラムは以下のようになります。\n";
			result += "・自我：" + ego + "\n";
			result += "・親： " + parent + "\n";
			result += "・子： " + child + "\n";
			
			alert(result);
		});
	</script>
	
</body>
</html>

ジョークとして、最後に「あなたは自我に対して自信があるようですね！でも、調子に乗り過ぎると親や子になってしまうかもしれません。バランスのとれた人間関係を築くためにも、エゴグラムの結果を意識しつつ生活してみましょう！」というコメントを加えてみました。