Showing
15 changed files
with
0 additions
and
1044 deletions
app.js
deleted
100644 → 0
1 | -const express = require('express'); | ||
2 | -const fs = require('fs'); | ||
3 | -const path = require('path'); | ||
4 | -const HTTPS = require('https'); | ||
5 | - | ||
6 | -const app = express(); | ||
7 | -const domain = "2020105636.oss-2021.tk" | ||
8 | -const sslport = 23023; | ||
9 | - | ||
10 | -app.use(express.static(__dirname)); | ||
11 | - | ||
12 | -app.get('/', function(req, res){ | ||
13 | - res.sendFile(__dirname + '/main.html'); | ||
14 | -}); | ||
15 | - | ||
16 | -app.get('/main.html', function(req, res){ | ||
17 | - res.sendFile(__dirname + '/main.html'); | ||
18 | -}); | ||
19 | - | ||
20 | -app.get('/introduction.html', function(req, res){ | ||
21 | - res.sendFile(__dirname + '/introduction.html'); | ||
22 | -}); | ||
23 | - | ||
24 | -app.get('/calendar.html', function(req, res){ | ||
25 | - res.sendFile(__dirname + '/calendar.html'); | ||
26 | -}); | ||
27 | - | ||
28 | - | ||
29 | -app.get('/simulation.html', function(req, res){ | ||
30 | - res.sendFile(__dirname + '/simulation.html'); | ||
31 | -}); | ||
32 | - | ||
33 | -try { | ||
34 | - const option = { | ||
35 | - ca: fs.readFileSync('/etc/letsencrypt/live/' + domain +'/fullchain.pem'), | ||
36 | - key: fs.readFileSync(path.resolve(process.cwd(), '/etc/letsencrypt/live/' + domain +'/privkey.pem'), 'utf8').toString(), | ||
37 | - cert: fs.readFileSync(path.resolve(process.cwd(), '/etc/letsencrypt/live/' + domain +'/cert.pem'), 'utf8').toString(), | ||
38 | - }; | ||
39 | - | ||
40 | - HTTPS.createServer(option, app).listen(sslport, () => { | ||
41 | - console.log(`[HTTPS] Server is started on port ${sslport}`); | ||
42 | - }); | ||
43 | -} catch (error) { | ||
44 | - console.log('[HTTPS] HTTPS 오류가 발생하였습니다. HTTPS 서버는 실행되지 않습니다.'); | ||
45 | - console.log(error); | ||
46 | -} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
calendar.css
deleted
100644 → 0
1 | -body{ | ||
2 | - background-image:url(https://t1.daumcdn.net/cfile/blog/155A204A5026656D0E); | ||
3 | - background-repeat: no-repeat; | ||
4 | - background-size: cover; | ||
5 | -} | ||
6 | -.container1{ | ||
7 | - display:flex; | ||
8 | - justify-content: center; | ||
9 | - align-items: baseline; | ||
10 | - padding:50px 0px 0px 0px; | ||
11 | -} | ||
12 | -.logo{ | ||
13 | - font-size:40px; | ||
14 | - color:white; | ||
15 | -} | ||
16 | -*{ | ||
17 | - margin: 0; | ||
18 | - padding: 0; | ||
19 | - box-sizing: border-box; | ||
20 | - font-family: sans-serif; | ||
21 | -} | ||
22 | - | ||
23 | -#menu{ | ||
24 | - margin:60px 250px 0px 250px; | ||
25 | - height:90px; | ||
26 | - width:1000px; | ||
27 | -} | ||
28 | -#menu ul li{ | ||
29 | - list-style:none; | ||
30 | - color:white; | ||
31 | - background-color:#011638; | ||
32 | - float:left; | ||
33 | - line-height:30px; | ||
34 | - vertical-align:middle; | ||
35 | - text-align:center; | ||
36 | - display:inline; | ||
37 | -} | ||
38 | -#menu .me{ | ||
39 | - text-decoration:none; | ||
40 | - color:white; | ||
41 | - display:inline-block; | ||
42 | - width:250px; | ||
43 | - font-size:20px; | ||
44 | - font-weight:bold; | ||
45 | - font-family: "Trebuchet MS", Dotum, Arial; | ||
46 | -} | ||
47 | -#menu .me:hover{ | ||
48 | - color:#D499B9; | ||
49 | - background-color: #2E294E; | ||
50 | -} | ||
51 | - | ||
52 | -.row{ | ||
53 | - display:flex; | ||
54 | - justify-content: space-evenly; | ||
55 | - padding: 0px 0px 50px 0px; | ||
56 | -} |
calendar.html
deleted
100644 → 0
1 | -<!DOCTYPE html> | ||
2 | -<html> | ||
3 | -<head> | ||
4 | - <title> Calendar </title> | ||
5 | - <link rel="stylesheet" type="text/css"href="calendar.css"> | ||
6 | -</head> | ||
7 | -<body> | ||
8 | - <div class="container1"> | ||
9 | - <span class="logo">Welcome to Baseball Simulator</span> | ||
10 | - </div> | ||
11 | - <nav id="menu"> | ||
12 | - <ul> | ||
13 | - <li> | ||
14 | - <a class="me" href="main.html">Home</a> | ||
15 | - </li> | ||
16 | - <li> | ||
17 | - <a class="me" href="introduction.html">Introduction</a> | ||
18 | - </li> | ||
19 | - <li> | ||
20 | - <a class="me" href="calendar.html">Calendar</a> | ||
21 | - </li> | ||
22 | - <li> | ||
23 | - <a class="me" href="simulation.html">Simulation</a> | ||
24 | - </li> | ||
25 | - </ul> | ||
26 | - </nav> | ||
27 | - <div class="container2"> | ||
28 | - <div class="row row1"> | ||
29 | - <span class="item1"> | ||
30 | - <a href="http://www.statiz.co.kr/team.php?opt=0&sopt=1&year=2021&team=%EC%82%BC%EC%84%B1"> | ||
31 | - <img src="pngs/samsung.png" style="display:block; margin:0 auto; width:150px; height:150px;" alt=""> | ||
32 | - </a> | ||
33 | - </span> | ||
34 | - <span class="item2"> | ||
35 | - <a href="http://www.statiz.co.kr/team.php?opt=0&sopt=1&year=2021&team=NC"> | ||
36 | - <img src="pngs/nc.png" style="display:block; margin:0 auto; width:150px; height:150px;" alt=""> | ||
37 | - </a> | ||
38 | - </span> | ||
39 | - <span class="item3"> | ||
40 | - <a href="http://www.statiz.co.kr/team.php?opt=0&sopt=1&year=2021&team=LG"> | ||
41 | - <img src="pngs/LG.png" style="display:block; margin:0 auto; width:150px; height:150px;" alt=""> | ||
42 | - </a> | ||
43 | - </span> | ||
44 | - <span class="item4"> | ||
45 | - <a href="http://www.statiz.co.kr/team.php?opt=0&sopt=1&year=2021&team=KT"> | ||
46 | - <img src="pngs/kt.png" style="display:block; margin:0 auto; width:150px; height:150px;" alt=""> | ||
47 | - </a> | ||
48 | - </span> | ||
49 | - <span class="item5"> | ||
50 | - <a href="http://www.statiz.co.kr/team.php?opt=0&sopt=1&year=2021&team=SSG"> | ||
51 | - <img src="pngs/ssg.png" style="display:block; margin:0 auto; width:150px; height:150px;" alt=""> | ||
52 | - </a> | ||
53 | - </span> | ||
54 | - </div> | ||
55 | - <div class="row row2"> | ||
56 | - <span class="item6"> | ||
57 | - <a href="http://www.statiz.co.kr/team.php?cteam=%EB%91%90%EC%82%B0%2BOB&year=2021&opt=0&sopt=1"> | ||
58 | - <img src="pngs/dusan.png" style="display:block; margin:0 auto; width:150px; height:150px;"alt=""> | ||
59 | - </a> | ||
60 | - </span> | ||
61 | - <span class="item7"> | ||
62 | - <a href="http://www.statiz.co.kr/team.php?cteam=%ED%9E%88%EC%96%B4%EB%A1%9C%EC%A6%88&year=2021&opt=0&sopt=1"> | ||
63 | - <img src="pngs/kiwoom.png" style="display:block; margin:0 auto; width:150px; height:150px;" alt=""> | ||
64 | - </a> | ||
65 | - </span> | ||
66 | - <span class="item8"> | ||
67 | - <a href="http://www.statiz.co.kr/team.php?opt=0&sopt=1&year=2021&team=KIA"> | ||
68 | - <img src="pngs/kia.png" style="display:block; margin:0 auto; width:150px; height:150px;" alt=""> | ||
69 | - </a> | ||
70 | - </span> | ||
71 | - <span class="item9"> | ||
72 | - <a href="http://www.statiz.co.kr/team.php?cteam=%ED%95%9C%ED%99%94%2B%EB%B9%99%EA%B7%B8%EB%A0%88&year=2021&opt=0&sopt=1"> | ||
73 | - <img src="pngs/hanhwa.png" style="display:block; margin:0 auto; width:150px; height:150px;" alt=""> | ||
74 | - </a> | ||
75 | - </span> | ||
76 | - <span class="item10"> | ||
77 | - <a href="http://www.statiz.co.kr/team.php?cteam=%EB%A1%AF%EB%8D%B0&year=2021&opt=0&sopt=1"> | ||
78 | - <img src="pngs/Lotte.png" style="display:block; margin:0 auto; width:150px; height:150px;" alt=""> | ||
79 | - </a> | ||
80 | - </span> | ||
81 | - </div> | ||
82 | - </div> | ||
83 | -</body> | ||
84 | -</html> |
introduction.css
deleted
100644 → 0
1 | -body{ | ||
2 | - background-image:url(https://t1.daumcdn.net/cfile/blog/155A204A5026656D0E); | ||
3 | - background-repeat: no-repeat; | ||
4 | - -webkit-background-size: cover; | ||
5 | - -moz-background-size: cover; | ||
6 | - -o-background-size: cover; | ||
7 | - background-size: cover; | ||
8 | -} | ||
9 | -.container1{ | ||
10 | - display:flex; | ||
11 | - justify-content: center; | ||
12 | - align-items: baseline; | ||
13 | - padding:50px 0px 0px 0px; | ||
14 | -} | ||
15 | -.logo{ | ||
16 | - font-size:40px; | ||
17 | - color:white; | ||
18 | -} | ||
19 | -*{ | ||
20 | - margin: 0; | ||
21 | - padding: 0; | ||
22 | - box-sizing: border-box; | ||
23 | - font-family: sans-serif; | ||
24 | -} | ||
25 | - | ||
26 | -#menu{ | ||
27 | - margin:60px 250px 0px 250px; | ||
28 | - height:90px; | ||
29 | - width:1000px; | ||
30 | -} | ||
31 | -#menu ul li{ | ||
32 | - list-style:none; | ||
33 | - color:white; | ||
34 | - background-color:#011638; | ||
35 | - float:left; | ||
36 | - line-height:30px; | ||
37 | - vertical-align:middle; | ||
38 | - text-align:center; | ||
39 | - display:inline; | ||
40 | -} | ||
41 | -#menu .me{ | ||
42 | - text-decoration:none; | ||
43 | - color:white; | ||
44 | - display:inline-block; | ||
45 | - width:250px; | ||
46 | - font-size:20px; | ||
47 | - font-weight:bold; | ||
48 | - font-family: "Trebuchet MS", Dotum, Arial; | ||
49 | -} | ||
50 | -#menu .me:hover{ | ||
51 | - color:#D499B9; | ||
52 | - background-color: #2E294E; | ||
53 | -} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
introduction.html
deleted
100644 → 0
1 | -<!DOCTYPE html> | ||
2 | -<html> | ||
3 | -<head> | ||
4 | - <title> Introduction </title> | ||
5 | - <link rel="stylesheet" type="text/css"href="introduction.css"> | ||
6 | -</head> | ||
7 | -<body> | ||
8 | - <div class="container1"> | ||
9 | - <span class="logo">Welcome to Baseball Simulator</span> | ||
10 | - </div> | ||
11 | - <nav id="menu"> | ||
12 | - <ul> | ||
13 | - <li> | ||
14 | - <a class="me" href="main.html">Home</a> | ||
15 | - </li> | ||
16 | - <li> | ||
17 | - <a class="me" href="introduction.html">Introduction</a> | ||
18 | - </li> | ||
19 | - <li> | ||
20 | - <a class="me" href="calendar.html">Calendar</a> | ||
21 | - </li> | ||
22 | - <li> | ||
23 | - <a class="me" href="simulation.html">Simulation</a> | ||
24 | - </li> | ||
25 | - </ul> | ||
26 | - </nav> | ||
27 | - | ||
28 | -</body> | ||
29 | -</html> |
main.css
deleted
100644 → 0
1 | -body{ | ||
2 | - background-image:url(https://t1.daumcdn.net/cfile/blog/155A204A5026656D0E); | ||
3 | - background-repeat: no-repeat; | ||
4 | - -webkit-background-size: cover; | ||
5 | - -moz-background-size: cover; | ||
6 | - -o-background-size: cover; | ||
7 | - background-size: cover; | ||
8 | -} | ||
9 | -.container1{ | ||
10 | - display:flex; | ||
11 | - justify-content: center; | ||
12 | - align-items: baseline; | ||
13 | - padding:50px 0px 0px 0px; | ||
14 | -} | ||
15 | -.logo{ | ||
16 | - font-size:40px; | ||
17 | - color:white; | ||
18 | -} | ||
19 | -*{ | ||
20 | - margin: 0; | ||
21 | - padding: 0; | ||
22 | - box-sizing: border-box; | ||
23 | - font-family: sans-serif; | ||
24 | -} | ||
25 | - | ||
26 | -#menu{ | ||
27 | - margin:60px 250px 0px 250px; | ||
28 | - height:90px; | ||
29 | - width:1000px; | ||
30 | -} | ||
31 | -#menu ul li{ | ||
32 | - list-style:none; | ||
33 | - color:white; | ||
34 | - background-color:#011638; | ||
35 | - float:left; | ||
36 | - line-height:30px; | ||
37 | - vertical-align:middle; | ||
38 | - text-align:center; | ||
39 | - display:inline; | ||
40 | -} | ||
41 | -#menu .me{ | ||
42 | - text-decoration:none; | ||
43 | - color:white; | ||
44 | - display:inline-block; | ||
45 | - width:250px; | ||
46 | - font-size:20px; | ||
47 | - font-weight:bold; | ||
48 | - font-family: "Trebuchet MS", Dotum, Arial; | ||
49 | -} | ||
50 | -#menu .me:hover{ | ||
51 | - color:#D499B9; | ||
52 | - background-color: #2E294E; | ||
53 | -} | ||
54 | -.container2{ | ||
55 | - width:50%; | ||
56 | - height:600px; | ||
57 | - float:left; | ||
58 | -} | ||
59 | -.container3{ | ||
60 | - width:50%; | ||
61 | - height:200px; | ||
62 | - float:left; | ||
63 | -} | ||
64 | -.container4{ | ||
65 | - width:20%; | ||
66 | - height:400px; | ||
67 | - float:left; | ||
68 | -} | ||
69 | -.container5{ | ||
70 | - width:30%; | ||
71 | - height:400px; | ||
72 | - float:left; | ||
73 | -} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
main.html
deleted
100644 → 0
1 | -<!DOCTYPE html> | ||
2 | -<html> | ||
3 | -<head> | ||
4 | - <title> Baseball Simulator </title> | ||
5 | - <link rel="stylesheet" type="text/css"href="main.css"> | ||
6 | -</head> | ||
7 | -<body> | ||
8 | - <div class="container1"> | ||
9 | - <span class="logo">Welcome to Baseball Simulator</span> | ||
10 | - </div> | ||
11 | - <nav id="menu"> | ||
12 | - <ul> | ||
13 | - <li> | ||
14 | - <a class="me" href="main.html">Home</a> | ||
15 | - </li> | ||
16 | - <li> | ||
17 | - <a class="me" href="introduction.html">Introduction</a> | ||
18 | - </li> | ||
19 | - <li> | ||
20 | - <a class="me" href="calendar.html">Calendar</a> | ||
21 | - </li> | ||
22 | - <li> | ||
23 | - <a class="me" href="simulation.html">Simulation</a> | ||
24 | - </li> | ||
25 | - </ul> | ||
26 | - </nav> | ||
27 | - <div class="container2"> | ||
28 | - <a href="https://sports.news.naver.com/kbaseball/record/index.nhn?category=kbo&year=2021"><img src="pngs/rank.jpg" style="display:block; margin:0 auto; width:600px; height:400px;"></a> | ||
29 | - </div> | ||
30 | - <div class="container3"> | ||
31 | - <a href="https://sports.news.naver.com/kbaseball/schedule/index.nhn"><img src="pngs/today.jpg" style="display:block; margin:0 auto; width:655px; height:150px;"></a> | ||
32 | - </div> | ||
33 | - <div class="container4"> | ||
34 | - <img src="pngs/1.jpg" style="display:block; margin:0 auto; width:200px; height:100px;"> | ||
35 | - </div> | ||
36 | - <div class="container5"> | ||
37 | - <iframe width="400" height="200" src="https://www.youtube.com/embed/dL_79KkHmQE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> | ||
38 | - </div> | ||
39 | -</body> | ||
40 | -</html> |
package-lock.json
deleted
100644 → 0
This diff is collapsed. Click to expand it.
package.json
deleted
100644 → 0
player.js
deleted
100644 → 0
This diff is collapsed. Click to expand it.
server.js
deleted
100644 → 0
1 | -const express = require('express'); | ||
2 | -const app = express(); | ||
3 | -app.use(express.static(__dirname)); | ||
4 | - | ||
5 | -app.listen(8080, function(){ | ||
6 | - console.log('listening on 8080'); | ||
7 | -}); | ||
8 | - | ||
9 | -app.get('/', function(req, res){ | ||
10 | - res.sendFile(__dirname + '/main.html'); | ||
11 | -}); | ||
12 | - | ||
13 | -app.get('/main.html', function(req, res){ | ||
14 | - res.sendFile(__dirname + '/main.html'); | ||
15 | -}); | ||
16 | - | ||
17 | -app.get('/introduction.html', function(req, res){ | ||
18 | - res.sendFile(__dirname + '/introduction.html'); | ||
19 | -}); | ||
20 | - | ||
21 | -app.get('/calendar.html', function(req, res){ | ||
22 | - res.sendFile(__dirname + '/calendar.html'); | ||
23 | -}); | ||
24 | - | ||
25 | - | ||
26 | -app.get('/simulation.html', function(req, res){ | ||
27 | - res.sendFile(__dirname + '/simulation.html'); | ||
28 | -}); | ||
29 | - |
simulation.css
deleted
100644 → 0
1 | -body{ | ||
2 | - background-image:url(https://t1.daumcdn.net/cfile/blog/155A204A5026656D0E); | ||
3 | - background-repeat: no-repeat; | ||
4 | - -webkit-background-size: cover; | ||
5 | - -moz-background-size: cover; | ||
6 | - -o-background-size: cover; | ||
7 | - background-size: cover; | ||
8 | -} | ||
9 | -.container1{ | ||
10 | - display:flex; | ||
11 | - justify-content: center; | ||
12 | - align-items: baseline; | ||
13 | - padding:50px 0px 0px 0px; | ||
14 | -} | ||
15 | -.logo{ | ||
16 | - font-size:40px; | ||
17 | - color:white; | ||
18 | -} | ||
19 | -*{ | ||
20 | - margin: 0; | ||
21 | - padding: 0; | ||
22 | - box-sizing: border-box; | ||
23 | - font-family: sans-serif; | ||
24 | -} | ||
25 | - | ||
26 | -#menu{ | ||
27 | - margin:60px 250px 0px 250px; | ||
28 | - height:90px; | ||
29 | - width:1000px; | ||
30 | -} | ||
31 | -#menu ul li{ | ||
32 | - list-style:none; | ||
33 | - color:white; | ||
34 | - background-color:#011638; | ||
35 | - float:left; | ||
36 | - line-height:30px; | ||
37 | - vertical-align:middle; | ||
38 | - text-align:center; | ||
39 | - display:inline; | ||
40 | -} | ||
41 | -#menu .me{ | ||
42 | - text-decoration:none; | ||
43 | - color:white; | ||
44 | - display:inline-block; | ||
45 | - width:250px; | ||
46 | - font-size:20px; | ||
47 | - font-weight:bold; | ||
48 | - font-family: "Trebuchet MS", Dotum, Arial; | ||
49 | -} | ||
50 | -#menu .me:hover{ | ||
51 | - color:#D499B9; | ||
52 | - background-color: #2E294E; | ||
53 | -} | ||
54 | -.container2{ | ||
55 | - width:25%; | ||
56 | - height:800px; | ||
57 | - float:left; | ||
58 | -} | ||
59 | -.team{ | ||
60 | - font-size:24px; | ||
61 | - color:white; | ||
62 | - font-family: sans-serif; | ||
63 | - text-align:center; | ||
64 | -} | ||
65 | -.a{ | ||
66 | - height:50px; | ||
67 | -} | ||
68 | -.selection{ | ||
69 | - padding:0px 10px 15px 10px; | ||
70 | - height:80px; | ||
71 | -} | ||
72 | -.t1{ | ||
73 | - width:50px; | ||
74 | - height:30px; | ||
75 | - color: #6AAFE6; | ||
76 | - border: 1px solid #6AAFE6; | ||
77 | - background: white; | ||
78 | - font-size:15px; | ||
79 | - border-radius:5px; | ||
80 | -} | ||
81 | -.row{ | ||
82 | - display:flex; | ||
83 | - justify-content: space-evenly; | ||
84 | - padding: 0px 5px 10px 0px; | ||
85 | -} | ||
86 | -.container3{ | ||
87 | - width:50%; | ||
88 | - height:800px; | ||
89 | - float:left; | ||
90 | -} | ||
91 | -.container4{ | ||
92 | - width:25%; | ||
93 | - height:800px; | ||
94 | - float:left; | ||
95 | -} | ||
96 | -.t2{ | ||
97 | - width:50px; | ||
98 | - height:30px; | ||
99 | - color: #6f2108; | ||
100 | - border: 1px solid #6f2108; | ||
101 | - background: white; | ||
102 | - font-size:15px; | ||
103 | - border-radius:5px; | ||
104 | -} | ||
105 | -.l{ | ||
106 | - width:33%; | ||
107 | - height:200px; | ||
108 | - float:left; | ||
109 | -} | ||
110 | - | ||
111 | -.vs{ | ||
112 | - width:200px; | ||
113 | - height:200px; | ||
114 | -} | ||
115 | -#vss{ | ||
116 | - font-size:40px; | ||
117 | - color:white; | ||
118 | - text-align:center; | ||
119 | -} | ||
120 | -.simul{ | ||
121 | - height:150px; | ||
122 | - display:flex; | ||
123 | - float:left; | ||
124 | - margin-top:50px; | ||
125 | - margin-left:250px; | ||
126 | -} | ||
127 | -.but{ | ||
128 | - height:150px; | ||
129 | - margin: 0px auto; | ||
130 | -} | ||
131 | -.simulbtr{ | ||
132 | - width:250px; | ||
133 | - height:50px; | ||
134 | - color: #c9d6de; | ||
135 | - border: 1px solid #c9d6de; | ||
136 | - background: black; | ||
137 | - font-size:30px; | ||
138 | - border-radius:5px; | ||
139 | -} | ||
140 | -.tb{ | ||
141 | - padding: 10px 0px 0px 90px; | ||
142 | -} | ||
143 | -table{ | ||
144 | - border: 1px solid #444444; | ||
145 | - background-color:white; | ||
146 | - border-collapse:collapse; | ||
147 | -} | ||
148 | -td{ | ||
149 | - border:1px solid #444444; | ||
150 | - padding: 10px; | ||
151 | -} | ||
152 | -#jstest{ | ||
153 | - width:100%; | ||
154 | - height:300px; | ||
155 | - overflow-y: scroll; | ||
156 | - overflow-x: auto; | ||
157 | - background-color:white; | ||
158 | -} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
simulation.html
deleted
100644 → 0
1 | -<!DOCTYPE html> | ||
2 | -<html> | ||
3 | -<head> | ||
4 | - <title> Simulation </title> | ||
5 | - <link rel="stylesheet" type="text/css"href="simulation.css"> | ||
6 | - <script src = "player.js"></script> | ||
7 | - <script src = "temp_algorithm.js"></script> | ||
8 | - <script src = "simulation.js"></script> | ||
9 | -</head> | ||
10 | -<body> | ||
11 | - <div class="container1"> | ||
12 | - <span class="logo">Welcome to Baseball Simulator</span> | ||
13 | - </div> | ||
14 | - <nav id="menu"> | ||
15 | - <ul> | ||
16 | - <li> | ||
17 | - <a class="me" href="main.html">Home</a> | ||
18 | - </li> | ||
19 | - <li> | ||
20 | - <a class="me" href="introduction.html">Introduction</a> | ||
21 | - </li> | ||
22 | - <li> | ||
23 | - <a class="me" href="calendar.html">Calendar</a> | ||
24 | - </li> | ||
25 | - <li> | ||
26 | - <a class="me" href="simulation.html">Simulation</a> | ||
27 | - </li> | ||
28 | - </ul> | ||
29 | - </nav> | ||
30 | - <div class="container2"> | ||
31 | - <div class="a"> | ||
32 | - <p class="team">원정팀</p> | ||
33 | - </div> | ||
34 | - <div class="selection"> | ||
35 | - <div class="row row1"> | ||
36 | - <button type="submit" onclick="imgchange1(1); w(1);" class="t1">삼성</button> | ||
37 | - <button type="submit" onclick="imgchange1(2); w(2);" class="t1">NC</button> | ||
38 | - <button type="submit" onclick="imgchange1(3); w(3);" class="t1">LG</button> | ||
39 | - <button type="submit" onclick="imgchange1(4); w(4);" class="t1">KT</button> | ||
40 | - <button type="submit" onclick="imgchange1(5); w(5);" class="t1">SSG</button> | ||
41 | - </div> | ||
42 | - <div class="row row2"> | ||
43 | - <button type="submit" onclick="imgchange1(6); w(6);" class="t1">두산</button> | ||
44 | - <button type="submit" onclick="imgchange1(7); w(7);" class="t1">키움</button> | ||
45 | - <button type="submit" onclick="imgchange1(8); w(8);" class="t1">KIA</button> | ||
46 | - <button type="submit" onclick="imgchange1(9); w(9);" class="t1">한화</button> | ||
47 | - <button type="submit" onclick="imgchange1(10); w(10);" class="t1">롯데</button> | ||
48 | - </div> | ||
49 | - </div> | ||
50 | - <div class="tb"> | ||
51 | - <table> | ||
52 | - <tbody> | ||
53 | - <tr> | ||
54 | - <td>1번 타자</td> | ||
55 | - <td><select name="won" id="won1" onclick="hitter1list_append(1,this.value);"> | ||
56 | - <option value="">선택</option> | ||
57 | - </select></td> | ||
58 | - </tr> | ||
59 | - <tr> | ||
60 | - <td>2번 타자</td> | ||
61 | - <td><select name="won" id="won2" onclick="hitter1list_append(2,this.value);"> | ||
62 | - <option value="">선택</option> | ||
63 | - </select></td> | ||
64 | - </tr> | ||
65 | - <tr> | ||
66 | - <td>3번 타자</td> | ||
67 | - <td><select name="won" id="won3" onclick="hitter1list_append(3,this.value);"> | ||
68 | - <option value="">선택</option> | ||
69 | - </select></td> | ||
70 | - </tr> | ||
71 | - <tr> | ||
72 | - <td>4번 타자</td> | ||
73 | - <td><select name="won" id="won4" onclick="hitter1list_append(4,this.value);"> | ||
74 | - <option value="">선택</option> | ||
75 | - </select></td> | ||
76 | - </tr> | ||
77 | - <tr> | ||
78 | - <td>5번 타자</td> | ||
79 | - <td><select name="won" id="won5" onclick="hitter1list_append(5,this.value);"> | ||
80 | - <option value="">선택</option> | ||
81 | - </select></td> | ||
82 | - </tr> | ||
83 | - <tr> | ||
84 | - <td>6번 타자</td> | ||
85 | - <td><select name="won" id="won6" onclick="hitter1list_append(6,this.value);"> | ||
86 | - <option value="">선택</option> | ||
87 | - </select></td> | ||
88 | - </tr> | ||
89 | - <tr> | ||
90 | - <td>7번 타자</td> | ||
91 | - <td><select name="won" id="won7" onclick="hitter1list_append(7,this.value);"> | ||
92 | - <option value="">선택</option> | ||
93 | - </select></td> | ||
94 | - </tr> | ||
95 | - <tr> | ||
96 | - <td>8번 타자</td> | ||
97 | - <td><select name="won" id="won8" onclick="hitter1list_append(8,this.value);"> | ||
98 | - <option value="">선택</option> | ||
99 | - </select></td> | ||
100 | - </tr> | ||
101 | - <tr> | ||
102 | - <td>9번 타자</td> | ||
103 | - <td><select name="won" id="won9" onclick="hitter1list_append(9,this.value);"> | ||
104 | - <option value="">선택</option> | ||
105 | - </select></td> | ||
106 | - </tr> | ||
107 | - <tr> | ||
108 | - <td>선발 투수</td> | ||
109 | - <td><select name="won" id="won" onclick="pitcher1list_append(this.value);"> | ||
110 | - <option value="">선택</option> | ||
111 | - </select></td> | ||
112 | - </tr> | ||
113 | - </tbody> | ||
114 | - </table> | ||
115 | - </div> | ||
116 | - </div> | ||
117 | - <div class="container3"> | ||
118 | - <div class="l"> | ||
119 | - <img src="pngs/kia.png" id="wonjung" class="vs" style="margin:0px 0px 0px 50px;"> | ||
120 | - </div> | ||
121 | - <div class="l"> | ||
122 | - <p id="vss">VS</p> | ||
123 | - </div> | ||
124 | - <div class="l"> | ||
125 | - <img src="pngs/dusan.png" id="home" class="vs"> | ||
126 | - </div> | ||
127 | - <div class="simul"> | ||
128 | - <div class="but"> | ||
129 | - <input type="button" onclick="pre_algorithm(hitter_list1, hitter_list2, pitcher1, pitcher2);" class="simulbtr" value="시뮬레이션"> | ||
130 | - </div> | ||
131 | - <div class="result"> | ||
132 | - | ||
133 | - </div> | ||
134 | - </div> | ||
135 | - <div id="jstest"></div> | ||
136 | - </div> | ||
137 | - <div class="container4"> | ||
138 | - <div class="a"> | ||
139 | - <p class="team">홈팀</p> | ||
140 | - </div> | ||
141 | - <div class="selection"> | ||
142 | - <div class="row row1"> | ||
143 | - <button type="submit" onclick="imgchange2(1);" class="t2">삼성</button> | ||
144 | - <button type="submit" onclick="imgchange2(2);" class="t2">NC</button> | ||
145 | - <button type="submit" onclick="imgchange2(3);" class="t2">LG</button> | ||
146 | - <button type="submit" onclick="imgchange2(4);" class="t2">KT</button> | ||
147 | - <button type="submit" onclick="imgchange2(5);" class="t2">SSG</button> | ||
148 | - </div> | ||
149 | - <div class="row row2"> | ||
150 | - <button type="submit" onclick="imgchange2(6);" class="t2">두산</button> | ||
151 | - <button type="submit" onclick="imgchange2(7);" class="t2">키움</button> | ||
152 | - <button type="submit" onclick="imgchange2(8);" class="t2">KIA</button> | ||
153 | - <button type="submit" onclick="imgchange2(9);" class="t2">한화</button> | ||
154 | - <button type="submit" onclick="imgchange2(10);" class="t2">롯데</button> | ||
155 | - </div> | ||
156 | - </div> | ||
157 | - <div class="tb"> | ||
158 | - <table> | ||
159 | - <tbody> | ||
160 | - <tr> | ||
161 | - <td>1번 타자</td> | ||
162 | - <td><select name="hom" id="hom1" onclick="hitter2list_append(1,this.value);"> | ||
163 | - <option value="">선택</option> | ||
164 | - </select></td> | ||
165 | - </tr> | ||
166 | - <tr> | ||
167 | - <td>2번 타자</td> | ||
168 | - <td><select name="hom" id="hom2" onclick="hitter2list_append(2,this.value);"> | ||
169 | - <option value="">선택</option> | ||
170 | - </select></td> | ||
171 | - </tr> | ||
172 | - <tr> | ||
173 | - <td>3번 타자</td> | ||
174 | - <td><select name="hom" id="hom3" onclick="hitter2list_append(3,this.value);"> | ||
175 | - <option value="">선택</option> | ||
176 | - </select></td> | ||
177 | - </tr> | ||
178 | - <tr> | ||
179 | - <td>4번 타자</td> | ||
180 | - <td><select name="hom" id="hom4" onclick="hitter2list_append(4,this.value);"> | ||
181 | - <option value="">선택</option> | ||
182 | - </select></td> | ||
183 | - </tr> | ||
184 | - <tr> | ||
185 | - <td>5번 타자</td> | ||
186 | - <td><select name="hom" id="hom5" onclick="hitter2list_append(5,this.value);"> | ||
187 | - <option value="">선택</option> | ||
188 | - </select></td> | ||
189 | - </tr> | ||
190 | - <tr> | ||
191 | - <td>6번 타자</td> | ||
192 | - <td><select name="hom" id="hom6" onclick="hitter2list_append(6,this.value);"> | ||
193 | - <option value="">선택</option> | ||
194 | - </select></td> | ||
195 | - </tr> | ||
196 | - <tr> | ||
197 | - <td>7번 타자</td> | ||
198 | - <td><select name="hom" id="hom7" onclick="hitter2list_append(7,this.value);"> | ||
199 | - <option value="">선택</option> | ||
200 | - </select></td> | ||
201 | - </tr> | ||
202 | - <tr> | ||
203 | - <td>8번 타자</td> | ||
204 | - <td><select name="hom" id="hom8" onclick="hitter2list_append(8,this.value);"> | ||
205 | - <option value="">선택</option> | ||
206 | - </select></td> | ||
207 | - </tr> | ||
208 | - <tr> | ||
209 | - <td>9번 타자</td> | ||
210 | - <td><select name="hom" id="hom9" onclick="hitter2list_append(9,this.value);"> | ||
211 | - <option value="">선택</option> | ||
212 | - </select></td> | ||
213 | - </tr> | ||
214 | - <tr> | ||
215 | - <td>선발 투수</td> | ||
216 | - <td><select name="hom" id="hom" onclick="pitcher2list_append(this.value);"> | ||
217 | - <option value="">선택</option> | ||
218 | - </select></td> | ||
219 | - </tr> | ||
220 | - </tbody> | ||
221 | - </table> | ||
222 | - </div> | ||
223 | - </div> | ||
224 | -</body> | ||
225 | -</html> |
simulation.js
deleted
100644 → 0
This diff is collapsed. Click to expand it.
temp_algorithm.js
deleted
100644 → 0
1 | -function pre_algorithm(hitter_list1, hitter_list2, pitcher1, pitcher2){//algorithm(hitter_list1, hitter_list2, pitcher1, pitcher2) => html에서 가지고와야 한다. | ||
2 | - var base1 = 0; var base2 = 0; var base3 = 0; //1이면 주자 있고 0이면 비어있는것 | ||
3 | - var out = 0; var ining = 1; var home_away = 1;//아웃카운트, 이닝, home이면 1이고 away이면 2. | ||
4 | - var score1 = 0; var score2 = 0; | ||
5 | - var hitter_num1 = 1; var hitter_num2 = 1; | ||
6 | - var hit=false; | ||
7 | - document.getElementById('jstest').innerHTML=""; | ||
8 | - while(true){ | ||
9 | - if(ining == 9 && home_away == 2 && score1 < score2){//9회 초 후 home팀이 이기고 있을 때! | ||
10 | - break; | ||
11 | - } | ||
12 | - else if(ining==10 && home_away==1 && score1>score2 && hit==false){//9회 말 후 home팀이 이기고 있을 때! | ||
13 | - break; | ||
14 | - } | ||
15 | - else if(ining>9 && score1 < score2){//9회 말 후 home팀이 이기고 있을 때! | ||
16 | - break; | ||
17 | - } | ||
18 | - else if(ining>=11 && home_away==1 && hit==false && score1>score2){//연장 이후 원정팀이 이기고 있을 때! | ||
19 | - break; | ||
20 | - } | ||
21 | - else if(ining>=10 && home_away==2 && hit==true && score1<score2){//끝내기 | ||
22 | - break; | ||
23 | - } | ||
24 | - else if(ining==13 && score1==score2){//무승부 | ||
25 | - break; | ||
26 | - } | ||
27 | - | ||
28 | - if(home_away == 1){ | ||
29 | - var hitter = hitter_list1[hitter_num1]; //hitter = hitter_list1[hitter_number1%9] | ||
30 | - var pitcher = pitcher2; //pitcher = pitcher1 | ||
31 | - document.getElementById('jstest').innerHTML+=(ining+ "회 초"+ "<br\><br\>"); | ||
32 | - } | ||
33 | - else if(home_away == 2){ | ||
34 | - var hitter = hitter_list2[hitter_num2]; //hitter = hitter_list2[hitter_number2%9] | ||
35 | - var pitcher = pitcher1; //pitcher = pitcher2 | ||
36 | - document.getElementById('jstest').innerHTML+=(ining+ "회 말"+ "<br\><br\>"); | ||
37 | - } | ||
38 | - | ||
39 | - var num = Math.random(); | ||
40 | - //hitter_number1 = hitter_number(kia); hitter_number2 = hitter_number(dusan); | ||
41 | - if(home_away == 1){ | ||
42 | - document.getElementById('jstest').innerHTML+=(hitter_num1+"번 타자: "+hitter[0]+ "<br\><br\>"); | ||
43 | - } | ||
44 | - else if(home_away == 2){ | ||
45 | - document.getElementById('jstest').innerHTML+=(hitter_num2+"번 타자: "+hitter[0]+ "<br\><br\>"); | ||
46 | - } | ||
47 | - var one = 0; var two = 0; var three = 0; var homerun = 0; | ||
48 | - one = pitcher[2] * (hitter[2] - hitter[3] - hitter[4] - hitter[5])/hitter[2]; | ||
49 | - two = pitcher[2] * hitter[3]/hitter[2]; | ||
50 | - three = pitcher[2] * hitter[4]/hitter[2]; | ||
51 | - homerun = pitcher[2] * hitter[5]/hitter[2]; | ||
52 | - hit=true; | ||
53 | - if(num <= one){ //안타 | ||
54 | - var num1 = Math.random(); | ||
55 | - if(num1 <= 0.5){ | ||
56 | - switch(home_away){ | ||
57 | - case 1: | ||
58 | - score1 = score1 + base3; | ||
59 | - break; | ||
60 | - case 2: | ||
61 | - score2 = score2 + base3; | ||
62 | - break; | ||
63 | - } | ||
64 | - base3 = base2; | ||
65 | - base2 = base1; | ||
66 | - base1 = 1; | ||
67 | - document.getElementById('jstest').innerHTML+=("1루타!"); | ||
68 | - | ||
69 | - } | ||
70 | - else{ | ||
71 | - switch(home_away){ | ||
72 | - case 1: | ||
73 | - score1 = score1 + base3 + base2; | ||
74 | - break; | ||
75 | - case 2: | ||
76 | - score2 = score2 + base3 + base2; | ||
77 | - break; | ||
78 | - } | ||
79 | - base3 = base1; | ||
80 | - base2 = 0; | ||
81 | - base1 = 1; | ||
82 | - document.getElementById('jstest').innerHTML+=("1루타!"); | ||
83 | - | ||
84 | - } | ||
85 | - | ||
86 | - } | ||
87 | - else if((one < num) && (num <= one + two)){//2루타 | ||
88 | - var num2 = Math.random(); | ||
89 | - if(num2 <= 0.4){ | ||
90 | - switch(home_away){ | ||
91 | - case 1: | ||
92 | - score1 = score1 + base3 + base2; | ||
93 | - break; | ||
94 | - case 2: | ||
95 | - score2 = score2 + base3 + base2; | ||
96 | - break; | ||
97 | - } | ||
98 | - base3 = base1; | ||
99 | - base2 = 1; | ||
100 | - base1 = 0; | ||
101 | - document.getElementById('jstest').innerHTML+=("2루타!"); | ||
102 | - | ||
103 | - } | ||
104 | - else if(0.4 < num2 && num2 <=0.7){ | ||
105 | - switch(home_away){ | ||
106 | - case 1: | ||
107 | - score1 = score1 + base3 + base2 + base1; | ||
108 | - break; | ||
109 | - case 2: | ||
110 | - score2 = score2 + base3 + base2 + base1; | ||
111 | - break; | ||
112 | - } | ||
113 | - base3 = 0; | ||
114 | - base2 = 1; | ||
115 | - base1 = 0; | ||
116 | - document.getElementById('jstest').innerHTML+=("2루타!"); | ||
117 | - | ||
118 | - } | ||
119 | - else{ | ||
120 | - switch(home_away){ | ||
121 | - case 1: | ||
122 | - score1 = score1 + base3 + base2; | ||
123 | - break; | ||
124 | - case 2: | ||
125 | - score2 = score2 + base3 + base2; | ||
126 | - break; | ||
127 | - } | ||
128 | - base3 = 0; | ||
129 | - base2 = 1; | ||
130 | - base1 = 0; | ||
131 | - | ||
132 | - document.getElementById('jstest').innerHTML+=("2루타!"); | ||
133 | - | ||
134 | - } | ||
135 | - | ||
136 | - } | ||
137 | - else if((one + two < num) && (num <= one + two + three)){//3루타 | ||
138 | - switch(home_away){ | ||
139 | - case 1: | ||
140 | - score1 = score1 + base3 + base2 + base1; | ||
141 | - break; | ||
142 | - case 2: | ||
143 | - score2 = score2 + base3 + base2 + base1; | ||
144 | - break; | ||
145 | - } | ||
146 | - base3 = 1; | ||
147 | - base2 = 0; | ||
148 | - base1 = 0; | ||
149 | - document.getElementById('jstest').innerHTML+=("3루타!"); | ||
150 | - | ||
151 | - } | ||
152 | - else if(one + two + three < num && num <= one + two + three + homerun){//홈런 | ||
153 | - switch(home_away){ | ||
154 | - case 1: | ||
155 | - score1 = score1 + base3 + base2 + base1 + 1; | ||
156 | - break; | ||
157 | - case 2: | ||
158 | - score2 = score2 + base3 + base2 + base1 + 1; | ||
159 | - break; | ||
160 | - } | ||
161 | - base3 = 0; | ||
162 | - base2 = 0; | ||
163 | - base1 = 0; | ||
164 | - document.getElementById('jstest').innerHTML+=("홈런!"); | ||
165 | - | ||
166 | - } | ||
167 | - | ||
168 | - | ||
169 | - else if( pitcher[2] < num && (num <= pitcher[2] +pitcher[1]*0.01)){//볼넷 | ||
170 | - if(base1==1 && base2==1 && base3==1){//만루 밀어내기 득점 -> 스코어 ++ | ||
171 | - if(home_away==1){ | ||
172 | - score1++; | ||
173 | - } | ||
174 | - else{ | ||
175 | - score2++; | ||
176 | - } | ||
177 | - } | ||
178 | - else{//스코어 추가되지 않는 경우 | ||
179 | - if((base2==1 && base1==0 )||(base3==1 && base1==0)||(base2==1&&base3==1&&base1==0)){//2루만 채워져있거나 3루만 채워져있거나 2,3루만 채워져있거나 | ||
180 | - base1=1; | ||
181 | - } | ||
182 | - else if(base1==1 && base3==1 && base2==0){//1루 3루 채워져있고 2루 비워져있거나 | ||
183 | - base2=base1; | ||
184 | - base1=1; | ||
185 | - } | ||
186 | - else{ | ||
187 | - base3 = base2; | ||
188 | - base2 = base1; | ||
189 | - base1 = 1; | ||
190 | - } | ||
191 | - } | ||
192 | - document.getElementById('jstest').innerHTML+=("볼넷!"); | ||
193 | - } | ||
194 | - | ||
195 | - else{//아웃 | ||
196 | - out++; | ||
197 | - document.getElementById('jstest').innerHTML+=("아웃!"); | ||
198 | - | ||
199 | - } | ||
200 | - | ||
201 | - document.getElementById('jstest').innerHTML+=("베이스 상태"+"<br\>"+ "1루 " + base1 + "<br\>"+"2루 " + base2 + "<br\>"+ | ||
202 | - "3루 " + base3 + "<br\><br\>");/////////////////////////// | ||
203 | - document.getElementById('jstest').innerHTML+=("score: "+score1 +"vs"+score2+ "<br\>"); | ||
204 | - document.getElementById('jstest').innerHTML+=("아웃카운트: "+out+"<br\><br\>"); | ||
205 | - if(out >= 3){ | ||
206 | - switch(home_away){ | ||
207 | - case 1: | ||
208 | - home_away = 2; | ||
209 | - hit=false; | ||
210 | - break; | ||
211 | - case 2: | ||
212 | - home_away = 1; | ||
213 | - ining++; | ||
214 | - hit=false; | ||
215 | - break; | ||
216 | - } | ||
217 | - out=0; | ||
218 | - base1=0; base2=0; base3=0; | ||
219 | - } | ||
220 | - else{ | ||
221 | - if(home_away == 1){ | ||
222 | - hitter_num1++; | ||
223 | - if(hitter_num1>=10){ | ||
224 | - hitter_num1=1; | ||
225 | - } | ||
226 | - } | ||
227 | - else if(home_away == 2){ | ||
228 | - hitter_num2++; | ||
229 | - if(hitter_num2>=10){ | ||
230 | - hitter_num2=1; | ||
231 | - } | ||
232 | - } | ||
233 | - } | ||
234 | - | ||
235 | - } | ||
236 | - document.getElementById('jstest').innerHTML+=("<br\><br\>"+"최종스코어 : "+score1+"vs"+score2); | ||
237 | -} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
-
Please register or login to post a comment