teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

コード例の追加

2017/07/12 06:52

投稿

Tomohiro12
Tomohiro12

スコア112

answer CHANGED
@@ -18,4 +18,42 @@
18
18
  採点処理
19
19
  結果を表示
20
20
 
21
- これならJavaScriptのみで処理可能です
21
+ これならJavaScriptのみで処理可能です
22
+
23
+ 以下追記
24
+ ```JavaScript
25
+ // 2ページ目の次へボタンクリック処理
26
+ function page2NextClick() {
27
+ var ans1 = 画面部品から答えを取得;
28
+ window.location.href = "page3.html?" + ans1
29
+ }
30
+ // 3ページ目の次へボタンクリック処理
31
+ function page3NextClick() {
32
+ var ans1 = location.search.substring(1);
33
+ var ans2 = 画面部品から答えを取得;
34
+ window.location.href = "page4.html?" + ans1 + "," + ans2;
35
+ }
36
+ // 4ページ目の次へボタンクリック処理
37
+ function page4NextClick() {
38
+ var ans12 = location.search.substring(1);
39
+ var ans1 = ans12.split(",")[0];
40
+ var ans2 = ans12.split(",")[1];
41
+ var ans3 = 画面部品から答えを取得;
42
+ window.location.href = "page5.html?" + ans1 + "," + ans2 + "," + ans3;
43
+ }
44
+ // 5ページ目の画面ロード時処理
45
+ function page5Onload() {
46
+ var ans123 = location.search.substring(1);
47
+ var ans1 = ans123.split(",")[0];
48
+ var ans2 = ans123.split(",")[1];
49
+ var ans3 = ans123.split(",")[2];
50
+ // 採点処理
51
+ }
52
+ ```
53
+
54
+ location.searchで現在のURLの?以下を取得できます
55
+ ※http://hogehoge/hoge.html?aaaの場合 ?aaaが取得
56
+ substringで文字列を切り取ります
57
+ 解答が2つ以上の場合URLへ?answer1,answer2,answer3
58
+ と「,]で連結し
59
+ splitで分割になります