itochan/question.html

## question.html
<html>
<head>
    <meta charset="utf-8">
    <title>ラジオボタンのテスト</title>
    <script src="question.js"></script>
</head>
<body>
    <p>何が好きですか？<br>
        <label><input type="radio" name="question" value="usagi">うさぎ</label>
        <label><input type="radio" name="question" value="penguin">ペンギン</label>
        <label><input type="radio" name="question" value="takoyaki">たこやき</label><br>
        <input type="button" value="チェック" onclick="check();">
    </p>
    <p id="result"></p>
</body>
</html>

## question.js
function check() {
  var select = "unknown";
  var question = document.getElementsByName("question");
  for (var i = 0; i < question.length; i++) {
    if (question[i].checked) {
        select = question[i].value;
    }
  }

  showResult(select);
}

function showResult(type) {
  var message = "";
  switch (type) {
    case "usagi":
      message = "あなたはうさぎタイプです";
      break;
    case "penguin":
      message = "あなたはペンギンタイプです";
      break;
    case "takoyaki":
      message = "あなたはたこやきタイプです";
      break;
    default:
      message = "ちゃんと選んでください！！";
  }
  document.getElementById("result").innerHTML = message;
}
	<html>
	<head>
	<meta charset="utf-8">
	<title>ラジオボタンのテスト</title>
	<script src="question.js"></script>
	</head>
	<body>
	<p>何が好きですか？<br>
	<label><input type="radio" name="question" value="usagi">うさぎ</label>
	<label><input type="radio" name="question" value="penguin">ペンギン</label>
	<label><input type="radio" name="question" value="takoyaki">たこやき</label><br>
	<input type="button" value="チェック" onclick="check();">
	</p>
	<p id="result"></p>
	</body>
	</html>
	function check() {
	var select = "unknown";
	var question = document.getElementsByName("question");
	for (var i = 0; i < question.length; i++) {
	if (question[i].checked) {
	select = question[i].value;
	}
	}

	showResult(select);
	}

	function showResult(type) {
	var message = "";
	switch (type) {
	case "usagi":
	message = "あなたはうさぎタイプです";
	break;
	case "penguin":
	message = "あなたはペンギンタイプです";
	break;
	case "takoyaki":
	message = "あなたはたこやきタイプです";
	break;
	default:
	message = "ちゃんと選んでください！！";
	}
	document.getElementById("result").innerHTML = message;
	}