<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script type="text/javascript">
function fn_01(var vn_name)
{
if ( fn_02(vn_name) == true ) { alert('Jack, hello!'); }
if ( fn_02(vn_name) == false ) { alert('You're not Jack!'); }
}
function fn_02(var vn_name)
{
if ( vn_name == 'Jack') { return true; }
if ( vn_name <> 'Jack') { return false; }
}
</script>
<style>
#div1 {
/*초기 출력 여부*/
display:block; /* block을 해야 출력됨. none으로 하면, 초기값으로 미출력을 설정. 나타나게 하려면, $("p").show();를 사용함 */
/* position: fixed; */
/*출력 위치 지정*/
position: fixed;
left: 0px;
top: 0px;
}
</style>
</head>
<body>
<button onclick="fn_01('Jack')" >Click Now! </button>
</body>
</html>