index.ejs
3.52 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
<!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>
<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>
<b>
<font size = 5em>
<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] %>
<%= "\t평점 : " %>
<% if (c_deaths[i] == 0) { %>
<span style = "color:blue">
<%= "Perfect" %>
</span>
<% } %>
<% if (c_deaths[i] != 0) { %>
<%= ((c_kills[i] + c_assists[i]) / c_deaths[i]).toFixed(2) %>
<% } %>
<span style = "color : red">
<% 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>