정주희

Update simulation

...@@ -78,6 +78,10 @@ body{ ...@@ -78,6 +78,10 @@ body{
78 font-size:15px; 78 font-size:15px;
79 border-radius:5px; 79 border-radius:5px;
80 } 80 }
81 +.t1:hover{
82 + color:#0053b3;
83 + background-color: #2E294E;
84 +}
81 .row{ 85 .row{
82 display:flex; 86 display:flex;
83 justify-content: space-evenly; 87 justify-content: space-evenly;
...@@ -102,6 +106,10 @@ body{ ...@@ -102,6 +106,10 @@ body{
102 font-size:15px; 106 font-size:15px;
103 border-radius:5px; 107 border-radius:5px;
104 } 108 }
109 +.t2:hover{
110 + color:#be4209;
111 + background-color: #2E294E;
112 +}
105 .l{ 113 .l{
106 width:33%; 114 width:33%;
107 height:200px; 115 height:200px;
...@@ -118,24 +126,26 @@ body{ ...@@ -118,24 +126,26 @@ body{
118 text-align:center; 126 text-align:center;
119 } 127 }
120 .simul{ 128 .simul{
129 + width:50%;
121 height:150px; 130 height:150px;
122 display:flex; 131 display:flex;
123 - float:left; 132 + margin: auto;
124 - margin-top:50px; 133 + text-align:center;
125 - margin-left:250px;
126 -}
127 -.but{
128 - height:150px;
129 - margin: 0px auto;
130 } 134 }
131 .simulbtr{ 135 .simulbtr{
132 - width:250px; 136 + width:200px;
133 height:50px; 137 height:50px;
134 color: #c9d6de; 138 color: #c9d6de;
135 border: 1px solid #c9d6de; 139 border: 1px solid #c9d6de;
136 background: black; 140 background: black;
137 - font-size:30px; 141 + margin-top:50px;
142 + font-size:20px;
138 border-radius:5px; 143 border-radius:5px;
144 + margin-right:5px;
145 +}
146 +.simulbtr:hover{
147 + color:#7700ff;
148 + background-color: #2E294E;
139 } 149 }
140 .tb{ 150 .tb{
141 padding: 10px 0px 0px 90px; 151 padding: 10px 0px 0px 90px;
...@@ -156,3 +166,9 @@ td{ ...@@ -156,3 +166,9 @@ td{
156 overflow-x: auto; 166 overflow-x: auto;
157 background-color:white; 167 background-color:white;
158 } 168 }
169 +#select_list{
170 + width:50%;
171 + margin: auto;
172 + text-align:center;
173 + margin-bottom:50px;
174 +}
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -6,6 +6,7 @@ ...@@ -6,6 +6,7 @@
6 <script src = "player.js"></script> 6 <script src = "player.js"></script>
7 <script src = "temp_algorithm.js"></script> 7 <script src = "temp_algorithm.js"></script>
8 <script src = "simulation.js"></script> 8 <script src = "simulation.js"></script>
9 + <script src = "predict.js"></script>
9 </head> 10 </head>
10 <body> 11 <body>
11 <div class="container1"> 12 <div class="container1">
...@@ -125,12 +126,11 @@ ...@@ -125,12 +126,11 @@
125 <img src="pngs/dusan.png" id="home" class="vs"> 126 <img src="pngs/dusan.png" id="home" class="vs">
126 </div> 127 </div>
127 <div class="simul"> 128 <div class="simul">
128 - <div class="but">
129 <input type="button" onclick="pre_algorithm(hitter_list1, hitter_list2, pitcher1, pitcher2);" class="simulbtr" value="시뮬레이션"> 129 <input type="button" onclick="pre_algorithm(hitter_list1, hitter_list2, pitcher1, pitcher2);" class="simulbtr" value="시뮬레이션">
130 + <input type="button" onclick="add_predict();" class="simulbtr" value="승률예측">
130 </div> 131 </div>
131 - <div class="result"> 132 + <div id="select_list">
132 - 133 + <select name="pr" id="pr" onclick="predict(this.value, hitter_list1, hitter_list2, pitcher1, pitcher2);"></select>
133 - </div>
134 </div> 134 </div>
135 <div id="jstest"></div> 135 <div id="jstest"></div>
136 </div> 136 </div>
......