index.ejs
4.6 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
<!DOCTYPE html>
<html>
<head>
<meta charset = "utf-8">
<title><%= title %></title>
<link rel = "icon" href = "FindMelogo.png">
<link rel = "stylesheet" href = "css/style.css">
<link rel = "stylesheet" href = "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<link rel = "stylesheet" href = "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css">
<script src = "https://code.jquery.com/jquery-3.2.1.min.js" integrity = "sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin = "anonymous"></script>
<style> @import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");</style>
<script>
$(document).ready(function() {
$("button#searchButton").click(function() {
var name = $("input").val();
location.href = "http://localhost:3000/search/" + name;
})
});
</script>
</head>
<body>
<div class = "imgOpacity">
<div class = "center">
<img src = "/FindMelogo.png" width = 150, height = 150/>
</div>
<div class = "center2">
<input type = "text" class = "input_text" placeholder = "소환사명">
<span class = "input-group-btn">
<button id = "searchButton" class = "btn btn-primary" type = "button" onclick = "search(name)">click!</button>
</span>
</div>
</div>
<br></br>
<font size = 10em>
<strong>
<%= c_summoner + "\n"%>
</strong>
</font>
<b>
<font size = 5em>
<table class = "basic">
<tbody>
<tr><td> <img src = <%= c_imgtier%> width=120, height=120></td></tr>
<tr><td><%= "Tier : " + c_tier + " " + c_rank + " / " + c_leaguePoint + "점"%></td></tr>
<tr><td><%= "Win : " + c_wins + " / Lose : " + c_losses %></td></tr>
<tr><td><%= "승률 : " + ((c_wins / (c_wins + c_losses)) * 100).toFixed(2) + "%" %></td></tr>
</tbody>
</table>
<br></br>
<div class="center">
<strong>
<%= "로테이션 챔피언 : " %>
</strong>
<% for (var i = 0; i < c_rotation.length-1; i++) { %>
<img src = <%= c_rotation[i]%> width = 50, height = 50>
<% } %>
</div>
<br></br>
<%= "이 챔피언들은 어떤가요?" %>
<% for (var i = 0; i < 10; i++){ %>
<% if (c_temp[i] > 75) { %>
<img src = <%= c_pic[i]%> width = 50, height = 50>
<% } %>
<% } %>
<br></br>
<% for (var i = 0; i < 10; i++){ %>
<% if (c_win[i]) { %>
<span style = "color:blue">
<%= "승리" %>
</span>
<% } %>
<% if (!c_win[i]) { %>
<span style = "color:red">
<%= "패배" %>
</span>
<% } %>
<img src = <%= c_pic[i]%> width = 50, height = 50>
<%= c_kills[i] + " / " %>
<span style = "color:red">
<%= c_deaths[i] %>
</span>
<%= " / " + c_assists[i] %>
<span style = "color:red">
<%= "\t평점" %>
</span>
<% if (c_deaths[i] == 0) { %>
<span style = "color:blue">
<%= " : Perfect" %>
</span>
<% } %>
<% if (c_deaths[i] != 0) { %>
<%= " : " + (c_kda[i]).toFixed(2) %>
<% } %>
<span style = "color:red">
<%= "\tCarry Point" %>
</span>
<%= " : " + (c_temp[i]).toFixed(2) %>
<span style = "color:red">
<% if (c_temp[i] > 75) { %>
<%= "Carry" %>
<% } %>
</span>
<span style = "color:green">
<% if (c_firstBloodKill[i]) { %>
<%= "퍼스트 블러드" %>
<% } %>
</span>
<span style = "color : blue">
<% if (c_largestMultiKill[i] == 2) { %>
<%= "\t더블킬" %>
<% } %>
<% if (c_largestMultiKill[i] == 3) { %>
<%= "\t트리플킬" %>
<% } %>
<% if (c_largestMultiKill[i] == 4) { %>
<%= "\t쿼드라킬" %>
<% } %>
<% if (c_largestMultiKill[i] == 5) { %>
<%= "\t펜타킬" %>
<% } %>
</span>
<br></br>
<% } %>
</b>
</font>
</div>
</body>
</html>