반응형
15강. 버튼 만들기
14강. HTML요소 클릭시 동작하도록 만들기.13강. 자바스크립트 함수 사용법함수란 자바스크립트 블록문을 하나의 어떤 액션(특정작업)을 할 수 있도록 만든 것이다.함수의 구조는 하기와 같다. func
soo0100.tistory.com
지난 시간 onlick 속성에 alert() 함수를 사용해서 팝업을 띄웠다.
이번 시간에는 onclick 속성에 함수를 연결해 본다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>버튼 만들기</title>
<script>
function popup(){
alert('클릭되었습니다');
}
</script>
</head>
<body>
<input type="button" value="클릭하세요" onclick="popup();">
</body>
</html>
위와 같이 popup() 이라는 함수를 만든 후 onclick 속성에서 함수를 호출한다.
결과 동작은 15강 과 동일하게 팝업창이 잘 나온다.
함수를 연결하여 HTML요소의 동작요소를 처리 할 수 있다.
반응형
'앱 만들기 > JavaScript study' 카테고리의 다른 글
| 17강. DOM을 활용하여 신규요소 추가하기 (1) | 2024.08.05 |
|---|---|
| 16강. 웹 페이지를 동적으로 만들기 (1) | 2024.08.03 |
| 15강. 버튼 만들기 (2) | 2024.07.23 |
| 14강. HTML요소 클릭시 동작하도록 만들기. (1) | 2024.07.11 |
| 13강. 자바스크립트 함수 사용법 (1) | 2024.07.08 |
댓글
나도처음이야님의
글이 좋았다면 응원을 보내주세요!
이 글이 도움이 됐다면, 응원 댓글을 써보세요. 블로거에게 지급되는 응원금은 새로운 창작의 큰 힘이 됩니다.
응원 댓글은 만 14세 이상 카카오계정 이용자라면 누구나 편하게 작성, 결제할 수 있습니다.
글 본문, 댓글 목록 등을 통해 응원한 팬과 응원 댓글, 응원금을 강조해 보여줍니다.
응원금은 앱에서는 인앱결제, 웹에서는 카카오페이 및 신용카드로 결제할 수 있습니다.