JS_09_jQuery_button_click

AMJ·2023년 4월 12일
0

html_css_js_log

목록 보기
48/59

click

code

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
<!-- <button>버튼_1</button> -->
<button style="color: red;">버튼_1</button>

JS

console.clear();
let isRed = false;
function changeBodyBackground() {
//   방식#2
  if (isRed){
    $('body').css('background-color','');
  } else{
    $('body').css('background-color','green');
  }
  isRed = !isRed;
}
//button 클릭 시 changeBodyBackground함수 실행
$('button').click(changeBodyBackground); 
profile
재미있는 것들

0개의 댓글