uiux 15일차

이명진·2024년 12월 3일
  if (no % 2 == 0){
    $('body').css('background-color','green');
  }
  else{
    $('body').css('background-color','');
  }
  no++;
}

만약 2를 나눠서 나머지가 0이 나온다면(짝수) 그린
아니면 아무것도 아닌색
버튼을 누를때마다 값이 1씩 오르고 배경색도 계속 달라짐


let isRed = false;

function changeBodyBackground() {
  console.log("isRed : " + isRed);
  
  if ( isRed ) {
    $('body').css('background-color', '');
  }
  else {
    $('body').css('background-color', 'red');
  }
  
  isRed = !isRed;
}

버튼 하나를 누를 때 배경이 달라지는 것


$ ('.btn-1').click(function(){
  $('body').addClass('active');
})
$ ('.btn-2').click(function(){
  $('body').removeClass('active');
})

버튼이 두 개 있을 때 배경이 달라지는 것
css class 와 똑같음


addclass
removeclass
hasclass

0개의 댓글