JavaScriptの参考書のサンプルプログラムが動かない

JavaScriptの絵本第2版を読みつつ、勉強中です。
じゃんけんをするサンプルプログラムがあり、紙面通りに書いてましたが動きません。
何が間違っているのでしょうか？

該当のソースコード

janken.html

html
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4<meta charset="UTF-8">
5<title>じゃんけん</title>
6<script type="text/javascript" src="judgement.js"></script>
7<script type="text/javascript">
8
9// 確認ダイアログを表示し、「いいえ」のときはボタンを無効化する
10function init() {
11	if (!confirm("じゃんけんしますか？")) {
12		document.getElementById('btnG').disabled = true;
13		document.getElementById('btnC').disabled = true;
14		document.getElementById('btnP').disabled = true;
15	}
16}
17
18// じゃんけんの結果を表示する
19function myChoice(jankenUser) {
20	var strLocal = myResult(jankenUser);
21	alert(strLocal);
22}
23
24</script>
25</head>
26
27<body onload="init()">
28<form name="form1">
29<input type="button" id="btnG" onclick="myChoice(0)" value="グー">
30<input type="button" id="btnC" onclick="myChoice(1)" value="チョキ">
31<input type="button" id="btnP" onclick="myChoice(2)" value="パー">
32</form>
33
34
35</body>
36</html>

judgement.js

javascript
1function myResult(jankenUser) {
2    var jankenComp = Math.floor(Math.random() * 3);
3	var jankenName = ['グー','チョキ','パー'];
4	var strMsg1 = "あいこ";
5	var strMsg2 = "勝ち";
6	var strMsg3 = "負け";
7	var strMsg = '相手は ', + jankenName[jankenComp] + '、';
8}

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

回答2件

翔泳社のサイトにて、無料で立ち読みできたので当該箇所見ましたが、
「作成してみましょう」となっています。

これ、課題ですね。どこにも「このまま動く」とはありません。
次のページには「こういう動きがするように作ろう」という画面レイアウトがあるだけです。

ここまで習った内容できること、ということではないでしょうか。

質問文見た感じ、最初から1個ずつやってきたのではなく「とりあえずまとまったコード載ってないか」と探しただけのように見えます。
1から、基礎からやってください。なぜ”想定通り”動かないか分かるくらいにはなるはずです。
※書いた通りには動く

投稿2021/01/23 09:02

編集2021/01/23 09:09

m.ts10806

総合スコア80875

hbee

2021/01/24 00:37

ありがとうございます、一応最初から順番に勉強してこのページに至ったのですが、勉強不足のようでした。おそらくP93の結果にはならないだろうとは少し思ったのですが、ここまでのページまでは参考書通りに書けば書いてある通りに結果が出るような構成となっていたので、今回も同じように動くだろうと思い、何か自分が間違っているのかと思い込んでしまいました。もう少し勉強します。

m.ts10806

2021/01/24 01:11

「参考書通り」だとプログラミング身につかないので「要件に対してどう組んでいくか（これまで学んできたことをどう盛り込めるか）」を考えるようにしてください。

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

ベストアンサー

judgement.js が未完成のようです。さしあたり、myResult()関数の末尾を以下のようにしたら動くことは動くと思いますが、勝ち負けの判定はできていません。

JavaScript
1// var strMsg = '相手は ', + jankenName[jankenComp] + '、';  // これ以下を修正、追加する
2var strMsg = '相手は ,' + jankenName[jankenComp] + '、';
3return strMsg;  // 戻り値がないので、仮にstrMsgをreturnしています