2021-1-open-source / BaseBallSimulator

Go to a project
Toggle navigation Toggle navigation pinning
정주희
39ccefb9 1 parent 31096ec4

simulation and pngs updated

Inline Side-by-side
Showing 3 changed files with 120 additions and 23 deletions

22.9 KB
...@@ -85,7 +85,7 @@ body{ ...@@ -85,7 +85,7 @@ body{
85 } 85 }
86 .container3{ 86 .container3{
87 width:50%; 87 width:50%;
88 - height:100%; 88 + height:900px;
89 float:left; 89 float:left;
90 } 90 }
91 .container4{ 91 .container4{
...@@ -148,4 +148,10 @@ table{ ...@@ -148,4 +148,10 @@ table{
148 td{ 148 td{
149 border:1px solid #444444; 149 border:1px solid #444444;
150 padding: 10px; 150 padding: 10px;
151 +}
152 +#jstest{
153 + width:100%;
154 + height:500px;
155 + margin:350px 0px 0px 0px;
156 + background-color:white;
151 } 157 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -3,6 +3,96 @@ ...@@ -3,6 +3,96 @@
3 <head> 3 <head>
4 <title> Simulation </title> 4 <title> Simulation </title>
5 <link rel="stylesheet" type="text/css"href="simulation.css"> 5 <link rel="stylesheet" type="text/css"href="simulation.css">
6 + <script>
7 + var wonjung=6;
8 + var home=8;
9 + function imgchange1(a){
10 + var img=document.getElementById("wonjung");
11 + if(a==1){
12 + wonjung=1;
13 + img.setAttribute("src","pngs/samsung.png");
14 + }
15 + else if(a==2){
16 + wonjung=2;
17 + img.setAttribute("src","pngs/nc.png");
18 + }
19 + else if(a==3){
20 + wonjung=3;
21 + img.setAttribute("src","pngs/LG.png");
22 + }
23 + else if(a==4){
24 + wonjung=4;
25 + img.setAttribute("src","pngs/kt.png");
26 + }
27 + else if(a==5){
28 + wonjung=5;
29 + img.setAttribute("src","pngs/ssg.png");
30 + }
31 + else if(a==6){
32 + wonjung=6;
33 + img.setAttribute("src","pngs/dusan.png");
34 + }
35 + else if(a==7){
36 + wonjung=7;
37 + img.setAttribute("src","pngs/kiwoom.png");
38 + }
39 + else if(a==8){
40 + wonjung=8;
41 + img.setAttribute("src","pngs/kia.png");
42 + }
43 + else if(a==9){
44 + wonjung=9;
45 + img.setAttribute("src","pngs/hanhwa.png");
46 + }
47 + else if(a==10){
48 + wonjung=10;
49 + img.setAttribute("src","pngs/Lotte.png");
50 + }
51 + }
52 + function imgchange2(a){
53 + var img=document.getElementById("home");
54 + if(a==1){
55 + home=1;
56 + img.setAttribute("src","pngs/samsung.png");
57 + }
58 + else if(a==2){
59 + home=2;
60 + img.setAttribute("src","pngs/nc.png");
61 + }
62 + else if(a==3){
63 + home=3;
64 + img.setAttribute("src","pngs/LG.png");
65 + }
66 + else if(a==4){
67 + home=4;
68 + img.setAttribute("src","pngs/kt.png");
69 + }
70 + else if(a==5){
71 + home=5;
72 + img.setAttribute("src","pngs/ssg.png");
73 + }
74 + else if(a==6){
75 + home=6;
76 + img.setAttribute("src","pngs/dusan.png");
77 + }
78 + else if(a==7){
79 + home=7;
80 + img.setAttribute("src","pngs/kiwoom.png");
81 + }
82 + else if(a==8){
83 + home=8;
84 + img.setAttribute("src","pngs/kia.png");
85 + }
86 + else if(a==9){
87 + home=9;
88 + img.setAttribute("src","pngs/hanhwa.png");
89 + }
90 + else if(a==10){
91 + home=10;
92 + img.setAttribute("src","pngs/Lotte.png");
93 + }
94 + }
95 + </script>
6 </head> 96 </head>
7 <body> 97 <body>
8 <div class="container1"> 98 <div class="container1">
...@@ -30,18 +120,18 @@ ...@@ -30,18 +120,18 @@
30 </div> 120 </div>
31 <div class="selection"> 121 <div class="selection">
32 <div class="row row1"> 122 <div class="row row1">
33 - <button type="submit" class="t1">삼성</button> 123 + <button type="submit" onclick="imgchange1(1)" class="t1">삼성</button>
34 - <button type="submit" class="t1">NC</button> 124 + <button type="submit" onclick="imgchange1(2)" class="t1">NC</button>
35 - <button type="submit" class="t1">LG</button> 125 + <button type="submit" onclick="imgchange1(3)" class="t1">LG</button>
36 - <button type="submit" class="t1">KT</button> 126 + <button type="submit" onclick="imgchange1(4)" class="t1">KT</button>
37 - <button type="submit" class="t1">SSG</button> 127 + <button type="submit" onclick="imgchange1(5)" class="t1">SSG</button>
38 </div> 128 </div>
39 <div class="row row2"> 129 <div class="row row2">
40 - <button type="submit" class="t1">두산</button> 130 + <button type="submit" onclick="imgchange1(6)" class="t1">두산</button>
41 - <button type="submit" class="t1">키움</button> 131 + <button type="submit" onclick="imgchange1(7)" class="t1">키움</button>
42 - <button type="submit" class="t1">KIA</button> 132 + <button type="submit" onclick="imgchange1(8)" class="t1">KIA</button>
43 - <button type="submit" class="t1">한화</button> 133 + <button type="submit" onclick="imgchange1(9)" class="t1">한화</button>
44 - <button type="submit" class="t1">롯데</button> 134 + <button type="submit" onclick="imgchange1(10)" class="t1">롯데</button>
45 </div> 135 </div>
46 </div> 136 </div>
47 <div class="tb"> 137 <div class="tb">
...@@ -83,13 +173,13 @@ ...@@ -83,13 +173,13 @@
83 </div> 173 </div>
84 <div class="container3"> 174 <div class="container3">
85 <div class="l"> 175 <div class="l">
86 - <img src="pngs/dusan.png" class="vs" style="margin:0px 0px 0px 50px;"> 176 + <img src="pngs/dusan.png" id="wonjung" class="vs" style="margin:0px 0px 0px 50px;">
87 </div> 177 </div>
88 <div class="l"> 178 <div class="l">
89 <p id="vss">VS</p> 179 <p id="vss">VS</p>
90 </div> 180 </div>
91 <div class="l"> 181 <div class="l">
92 - <img src="pngs/kia.png" class="vs"> 182 + <img src="pngs/kia.png" id="home" class="vs">
93 </div> 183 </div>
94 <div class="simul"> 184 <div class="simul">
95 <div class="but"> 185 <div class="but">
...@@ -99,6 +189,7 @@ ...@@ -99,6 +189,7 @@
99 189
100 </div> 190 </div>
101 </div> 191 </div>
192 + <div id="jstest"></div>
102 </div> 193 </div>
103 <div class="container4"> 194 <div class="container4">
104 <div class="a"> 195 <div class="a">
...@@ -106,18 +197,18 @@ ...@@ -106,18 +197,18 @@
106 </div> 197 </div>
107 <div class="selection"> 198 <div class="selection">
108 <div class="row row1"> 199 <div class="row row1">
109 - <button type="submit" class="t2">삼성</button> 200 + <button type="submit" onclick="imgchange2(1)" class="t2">삼성</button>
110 - <button type="submit" class="t2">NC</button> 201 + <button type="submit" onclick="imgchange2(2)" class="t2">NC</button>
111 - <button type="submit" class="t2">LG</button> 202 + <button type="submit" onclick="imgchange2(3)" class="t2">LG</button>
112 - <button type="submit" class="t2">KT</button> 203 + <button type="submit" onclick="imgchange2(4)" class="t2">KT</button>
113 - <button type="submit" class="t2">SSG</button> 204 + <button type="submit" onclick="imgchange2(5)" class="t2">SSG</button>
114 </div> 205 </div>
115 <div class="row row2"> 206 <div class="row row2">
116 - <button type="submit" class="t2">두산</button> 207 + <button type="submit" onclick="imgchange2(6)" class="t2">두산</button>
117 - <button type="submit" class="t2">키움</button> 208 + <button type="submit" onclick="imgchange2(7)" class="t2">키움</button>
118 - <button type="submit" class="t2">KIA</button> 209 + <button type="submit" onclick="imgchange2(8)" class="t2">KIA</button>
119 - <button type="submit" class="t2">한화</button> 210 + <button type="submit" onclick="imgchange2(9)" class="t2">한화</button>
120 - <button type="submit" class="t2">롯데</button> 211 + <button type="submit" onclick="imgchange2(10)" class="t2">롯데</button>
121 </div> 212 </div>
122 </div> 213 </div>
123 <div class="tb"> 214 <div class="tb">
......