javascript html でフォーム入力からで選択に応じた結果を返したい prt2

###前提・実現したいこと
javascript html でフォーム入力からで選択に応じた結果を返したい

###発生している問題・エラーメッセージ

idomu_sample.html:14 Uncaught SyntaxError: Unexpected token else
idomu_sample.html:29 Uncaught ReferenceError: Sample3 is not defined

###該当のソースコード

<html lang="ja">
<head>
<meta charset="utf-8">
<title>Sample3</title>
<script type="text/javascript">


function Sample3(){
  if ( document.Sample3_form.radio.value === '戦う' ) {
  {
  document.getElementById("result").innerHTML = '勝ち';
  }
  else
  {
  document.write("負け");
}
}

</script>
</head>


<body>
<div id="result"></div>
<form name="Sample3_form" action="idomu_sample.html">
<input type="radio" id="tatakau" name="radio" />戦う<br>
<input type="radio" id="nigeru"  name="radio" />逃げる<br>
<input type="button" value="Sample3" onclick="Sample3()">
</form>
</body>
</html>

###試したこと

###補足情報(言語/FW/ツール等のバージョンなど)

前回回答をくださった方、申し訳ありませんでした。
新しく質問を立てさせていただきます。

また、編集後に関しましても
編集前に戻す努力をさせていただきます

行動規範の内容に同意します

回答1件

ベストアンサー

いくつか修正が必要です。
修正点は下記。

①if文の括弧が二重になっている。
・全体として統一した方が分かりやすくなり間違えが少なくなります。
⇒functionの後にある中括弧も改行するとか。コーディングでルールは大切！

②ラジオボタンのinput要素にvalue属性がない。
・これはうっかりミスですかね＾＾；

こんなところです。
後は・・・インデントが少し気になるのと、結果の出し方の違いくらいですね。インデントについてはif文の中でのインデントと、「document.write("負け");」の後の括弧です。結果の出し方はそれぞれの方法があるかとは思いますが、「id="result"」とされているので、そこに出すべきかと。負けた場合は全部消したいのであれば、「id="result"」とせずに「id="result_win"」と「id="result_lose"」の領域を作るべきかと。

ではでは。

投稿2016/05/18 10:31