[웹 개발 2 주차] 개발일지 8 - 자바스크립트 홀짝 판별 onclick 함수만들어보기

<학습목표>

1. HTML파일을 받았다고 가정하고, Javascript로 다시 서버에 데이터를 요청하고 받는 방법을 배워보자.

2. jQuery를 이용해 Javascript로 HTML을 쉽게 제어하고, Ajax를 이용해 다시 서버에 데이터를 요청하고 받아보자.

 

클라이언트(client)란?

(정보.통신)서버 시스템과 연결하여 주된 작업이나 정보를 서버에게 요청하고 그 결과를 돌려받는 컴퓨터 시스템

 

 

01. 

 

- <script>안에 function hey를 불러주고 alert(알람)을 했을 때 나올 말을 지정해준다.

- 그리고 alert(알람)을 지정해준거를 어떻게 불러올 건지 정하는데

나는 button을 onclick하면 불러오는 걸로 설정하겠다! 는 의미.

 

02. 홀짝 판별 onclick 함수(완성)

 

- 새로고침을 하는 게 아니라 눌렀을 때 홀,짝,홀,짝 나오게 하는 방법

 

일단 이게 몇번 눌렀는지 알려면? 그런 값을 저장하고 있는 친구가 필요해!

그 친구를 function hey위에다 만들어 준다. 노란밑줄 부분

count = 0은 0부터 시작한다는 것.

hey를 누를 때마다 count를 1을 더해줘라. 그게 파란밑줄 부분( =+ 이거 붙여 쓰기)

 

 

---

* if 문

 

if 만약에 count를 2로 나눈 나머지가 만약에 0랑 같다면(==)?  alert ('짝수입니다!')

 

else 같지 않다면(아니면)  alert ('홀수입니다!')

 

tip, (= 하나짜리는 이미 변수에서 쓰고 있기 때문에 같다는 의미로는 == 두개써야 함)

 

.

.

.

 

Javascript 만으로 충분할까요?

예를 들어 버튼의 색깔을 바꾸고 싶다면?

예를 들어 div 박스를 하나 감추고 싶다면?

→ 이런 것들 쉽게 해주는 것이, jQuery!

 

,,,다음 글에서 이어집니다!