LI WENHAO / kartrider

Go to a project
Toggle navigation Toggle navigation pinning
김명주
145c5aed 1 parent eede7828

Modify game_home design

Inline Side-by-side
Showing 1 changed file with 77 additions and 43 deletions
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html> 2 <html>
3 3
4 -<head> 4 +<head>
5 <meta charset="utf-8"> 5 <meta charset="utf-8">
6 - <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script> 6 + <title>Hello World!</title>
7 - <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> 7 + <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
8 -</head> 8 + <link rel="stylesheet" type="text/css" href="game_home.css" />
9 -<body> 9 + <script>
10 - <script language="JavaScript"> 10 + var vec="";
11 function Ajax(index){ 11 function Ajax(index){
12 $.ajax({ 12 $.ajax({
13 - url: '/game', // postTest 주소로 13 + url: '/game/result', // postTest 주소로
14 - async: true, // 동기화 - 서버에서 반응이 올때까지 기다림 14 + async: true, // 동기화 - 서버에서 반응이 올때까지 기다림
15 - type: 'POST', // POST 방식으로 15 + type: 'POST', // POST 방식으로
16 - data: { 16 + data: {
17 - test: index // 텍스트필드에 입력한 값을 test라는 이름으로 보냄 17 + test: index // 텍스트필드에 입력한 값을 test라는 이름으로 보냄
18 - },
19 - dataType: 'json'
20 - });
21 - }
22 - function Change(num) {
23 - if(num==1){
24 - document.getElementById("btn1").innerText="선택지1-1";
25 - document.getElementById("btn2").innerText="선택지2-1";
26 - Ajax(1);
27 - }
28 - else{
29 - document.getElementById("btn1").innerText="선택지1-1";
30 - document.getElementById("btn2").innerText="선택지2-1";
31 - Ajax(2);
32 - }
33 -
34 - /*
35 - var a=document.getElementById("btn").innerText;
36 - if(a=="뭘보냐"){
37 - document.getElementById("btn1").innerText="선택지1-1";
38 - document.getElementById("btn2").innerText="선택지1-1";
39 - Ajax(1);
40 - }
41 - else if(a=="안봤는데?"){
42 - document.getElementById("btn1").innerText="선택지1-2";
43 - Ajax(2);
44 } 18 }
45 - else if(a=="본거다안다"){ 19 + //dataType: 'json'
46 - document.getElementById("btn2").innerText="선택지1-3"; 20 + });
47 - Ajax(3); 21 + }
48 - }*/ 22 + function any(num, index){
23 + vec+="/"+index;
24 + var a=document.getElementById("div"+num);
25 + var b=document.getElementById("div"+(num+1));
26 + a.style.display="none";
27 + b.style.display="block";
28 + var a=document.getElementById("div"+num);
29 + }
30 + function any2(index){
31 + vec+="/"+index;
32 + Ajax(vec);
49 } 33 }
50 </script> 34 </script>
51 - <button id="btn1" onclick="Change(1)">선택지 1</button> 35 +</head>
52 - <button id="btn2" onclick="Change(2)">선택지 2</button> 36 +
37 +<body>
38 + <div class="box" id="div1">
39 + <text id="tex1">Q1.</text><br>
40 + <text id="tex2">대표 카트를 지정할 때</text>
41 + <button id="btn" onClick="any(1,1)">가장 좋은 신규 카트로 전시한다.</button>
42 + <button id="btn" onClick="any(1,2)">추억의 카트로 전시한다.</button>
43 + </div>
44 +
45 + <div class="box" id="div2" style="display:none">
46 + <text id="tex1">Q2.</text><br>
47 + <text id="tex2">3....2.....1 GAME START</text>
48 + <button id="btn" onClick="any(2,1)">부스터를 사용하여 치고나간다.</button>
49 + <button id="btn" onClick="any(2,2)">선두의 뒤에서 마지막 역전을 노린다.</button>
50 + </div>
51 +
52 + <div class="box" id="div3" style="display:none">
53 + <text id="tex1">Q3.</text><br>
54 + <text id="tex2">스피드 전에서 중요하게 생각하는 것</text>
55 + <button id="btn" onClick="any(3,1)">부스터 갯수</button>
56 + <button id="btn" onClick="any(3,2)">부스터 길이</button>
57 + </div>
58 +
59 + <div class="box" id="div4" style="display:none">
60 + <text id="tex1">Q4.</text><br>
61 + <text id="tex2">팀전을 하는 경우</text>
62 + <button id="btn" onClick="any(4,1)">1등이 우선! 혼자 치고 나가기</button>
63 + <button id="btn" onClick="any(4,2)">팀 승리가 우선! 전략적인 방법 세우기</button>
64 + </div>
65 +
66 + <div class="box" id="div5" style="display:none">
67 + <text id="tex1">Q5.</text><br>
68 + <text id="tex2">현재 1등을 잡기위해</text>
69 + <button id="btn" onClick="any(5,1)">아이템을 사용하여 격추한다.</button>
70 + <button id="btn" onClick="any(5,2)">부스터를 사용하여 역전한다.</button>
71 + </div>
72 +
73 + <div class="box" id="div6" style="display:none">
74 + <text id="tex1">Q6.</text><br>
75 + <text id="tex2">나는 카트를 볼 때</text>
76 + <button id="btn" onClick="any(6,1)">성능이 우선이다.</button>
77 + <button id="btn" onClick="any(6,2)">외형이 우선이다.</button>
78 + </div>
79 +
80 + <div class="box" id="div7" style="display:none">
81 + <text id="tex1">Q7.</text><br>
82 + <text id="tex2">넥슨 캐쉬가 생겼다.</text>
83 + <button id="btn" onClick="any2(1); location.href='game/result'">유료 카트를 구매한다.</button>
84 + <button id="btn" onClick="any2(2); location.href='game/result'">다른 게임(피파, 메이플)에 투자</button>
85 + </div>
86 +
53 </body> 87 </body>
54 </html> 88 </html>
...\ No newline at end of file ...\ No newline at end of file
......