Notice
Recent Posts
Recent Comments
Link
«   2025/06   »
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
Archives
Today
Total
관리 메뉴

leebom

클릭이벤트 창띄우기 -1 본문

스터디/예제 테스트

클릭이벤트 창띄우기 -1

d0201d 2019. 11. 7. 18:54

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>ClickEvent</title>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
</head>
<body>


<button class="button01">click</button>
<div class="popup" style="display: none">팝업창</div>

<script>

var clickBtn = document.getElementsByClassName('button01');
var popup = document.getElementsByClassName('popup');
//console.log(clickBtn)
clickBtn[0].addEventListener("click",btnClick,false);

function btnClick(e){
popup[0].style.display = "block";

}





/** 함수에 대해서 배웠습니다 클릭이벤트랑 무관합니다 **/

/* function testFunc( type, type2, type3 ) {
console.log(type3)
let init = '값없음';
if ( type === 1) {
init = '유찬현'
}

if ( type2 === '자바스크립트' ) {
init = '이봄'
}

return init;
}

var _a = testFunc( 1, "자바스크립트", false );
console.log(_a );*/

</script>


</body>
</html>

Comments