퍼블리싱 아카이브

  • 홈
  • 태그
  • 방명록
2023.05.02~

Button 2

Javascript로 HTML 조작하기: onclick, function

1. onclick 이벤트 Click Me!! 버튼을 누르면 이벤트가 실행되는 코드. onclick에 직접 자바스크립트 코드를 작성하는 경우도 있지만 보통은 간편하게 사용하기 위해 function을 활용하여 작성한다. 2. function function 함수이름(parameter){ //함수내용 작성 } 3. function & onclick 사용해서 열고 닫는 버튼 만들기(openBtn, closeBtn) Alert Box close! open! .alert-box { background-color: rgb(76, 76, 211); color: yellow; padding: 20px; border-radius: 5px; } open을 누르면 alert box가 보이고 close를 누르면 사라진다. 4..

Javascript 2023.02.02

[HTML/js] a태그와 button 태그의 쓰임 & e.preventDefault

01. vs 인덱스 바로가기 a태그는 현재 페이지에서 다른 페이지나 url로 이동할 때 사용하는 태그이다. 클릭시 이벤트 발생과 같은 페이지 내 효과 발생시에는 주로 button 태그를 사용한다. 'href'에 경로를 입력하면 된다. 태그는 클릭시 이벤트 발생, 효과 발생 등에 사용하는 태그이다. //button을 클릭하면 showError()라는 함수를 호출한다. SHOW ERROR! 02. button 태그의 타입 (type = submit/reset/ button) button 태그에는 type = "submit", "reset", "button"이라는 속성이 있다. 이 중 기본값은 'submit'이다. button을 button의 기능으로만 사용하고 싶다면 button type="button"을 ..

HTML & CSS 2022.10.31
이전
1
다음
더보기
프로필사진

퍼블리싱 아카이브

퍼블리셔가 공부한 것을 기록하는 공간입니다.

  • 분류 전체보기 (102)
    • Javascript (55)
      • jQuery (9)
      • React (6)
      • Vue (0)
    • HTML & CSS (25)
      • SASS(SCSS) (13)
    • IT (16)
    • 수업기록 (6)
    • PHP (0)
    • Bootstrap (0)

Tag

HTML, SEO, sitemap, DOM, variables, Event, Array, react, Javascript, onclick, 검색엔진최적화, scss, 자바스크립트, Terminal, object, CSS, function, sass, scroll, 웹접근성,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/07   »
일 월 화 수 목 금 토
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 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바