내일배움캠프(2주차)

그냥차차·2022년 10월 16일
0

내일배움캠프

목록 보기
3/111
post-thumbnail

2주차 시작

짝수 홀수 만들기

<script>
let count =0
    function hey(){
      count += 1
        if(count % 2 == 0) {
          alert('짝수입니다!')
        } else{
          alert('홀수입니다!')
        }
      }
</script>
<body>
button>영화기록하기</button>
</body>
///버튼 온클릭에 hey함수를 넣은것

jQuery 이용하기

jQuery 사이트 링크

$은 jQuery 사용할때 쓰는것
재밌는영화들 사이트 body태그안에 id값을 주고 console.log에 $(#'id값').val('입력'),hide,show 등을 입력하면됨
////
let temp_html =<div> ~~ </div>를 console.log에 입력후 엔터를 누르고
$('#id값').append(temp_html)엔터누르면 복사됨.

jc를 이용해서 열고 닫기 알림뜨게하기

영화기록하기 누르면 '박스열기'
닫기버튼 누르면 '박스닫기'나오게하기
<script>
    function open_box(){
      alert('박스 열기')
    }
    function close_box(){
      alert('박스 닫기')
    }
  </script>
  //영화기록하기랑 닫기버튼 찾아서 onclick으로 함수 넣어주기()
<button onclick="open_box()">영화기록하기</button>
<button onclick="close_box()" class="btn btn-outline-dark">닫기</button>

jQuery를 통해 카드 열고닫고하기

<script>
    function open_box(){
      $('#post-box').show()
    }
    function close_box(){
     $('#post-box').hide()
    }
  </script>
  /// 포스트박스에 id="post-box" 붙여놓고
<div class="mypost" id="post-box">
profile
개발작

0개의 댓글