index.ejs 2.5 KB
<!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>
              <tr><td><%= "캐리력 : " + (c_wins/c_losses*2).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>
              <% } %>
          <br></br>
          <% for (var i = 0; i < 10; i++){ %>
              <img src = <%= c_picture[i]%> width = 50, height = 50>
              <br></br>
              <% } %>
          <%= c_kills + " / " + c_deaths + " / " + c_assists %>
</div>
</body>
</html>