새소식

개발 공부 일지/웹

Javascript 복습 - 홀짝 판별 onclick 함수 만들어보기

  • -
반응형

자바스트립 기초 문법 배우기에서 onclick button으로 팝업창을 띄웠던 내용을 복습

2022.09.01 - [개발 공부 일지/웹] - Javascript 기초 문법 배우기 (1)

 

Javascript 기초 문법 배우기 (1)

Javascript는 script 안에 코드를 입력해준다. script는 브라우저 개발자툴(f12)에 Console탭과 똑같은 것이다. script를 Console탭에 이어서 코드를 입력하여 실행되는 것을 확인 할 수 있고 Console탭에서 코드

ilsangs.tistory.com

<script>
    function hey() {
        alert('안녕!')
    }
</script>
<button onclick="hey()">영화 기록하기</button>

안녕!

영화 기록하기를 클릭하면 안녕! 메시지와 팝업창이 뜬다.

홀짝 판별 onclick 함수 만들기

클릭할 때 마다 홀, 짝, 홀, 짝 팝업 창을 만들어보자.

let count = 0
function hey() {
    count += 1
    if (count % 2 ==0) {
        alert('짝수입니다!')
    } else {
        alert('홀수입니다!')
    }
}

let count = 0은 0부터 시작해서 hey()에 왔는데 클릭을 한번 눌렀을 때 count를 하나 증가시켜줘야 하는데 count += 1 이렇게 쓰고 (count % 2 ==0) 같다(변수에서 =를 사용 중이기 때문에 == 이렇게 두 개를 쓴다.) 면 alert('짝수입니다!') 참이어서 짝수입니다! 팝업 창이 뜰 것이고 else { alert('홀수입니다!') }  아니면 홀수입니다 팝업창이 뜬다.

홀수입니다
짝수입니다

 

반응형

'개발 공부 일지 > ' 카테고리의 다른 글

JQuery + Javascript 연습하기  (0) 2022.09.04
JQuery 시작하기  (0) 2022.09.03
1주차 숙제하기  (1) 2022.09.02
숙제 아이유 팬명록 만들어 보자  (0) 2022.09.01
Javascript 기초 문법 배우기 (1)  (0) 2022.09.01
Contents

포스팅 주소를 복사했습니다

이 글이 도움이 되었다면 공감 부탁드립니다.