index.ejs 2.68 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><%= "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>
          <%= "캐리력"  %>
          <%= "point: " + (c_wins/c_losses*2).toFixed(2) %>
        </strong>
        </div>
        <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<c_id.length-1; i++){ %>
        <div class="champImage">
          <div class="center">
          <img src= <%=c_pic[i]%> width=50, height=50>
          <%= c_name[i] %>
          <%= "point: " + (1000000/c_point[i]).toFixed(2) %>
          <% } %>
        </div>


</div>
</body>
</html>