main.ejs
1.36 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 = 300, height = 300/>
</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>
</body>
</html>