🎈HTML을 잘 제어하는 방법

자바스크립트로 브라우저로 엔터를 치지않고 (페이지 리로딩 되지않고)
자바스크립트에서 서버쪽에다가 뒷단에서 데이터를 요청할 수 있는 방법

🎈자바스크립트로 만들어볼것

한번 클릭하면 홀수, 두번째 클릭하면 짝수,세번째는 홀수...

🎈클릭 함수 만들어 보기

왠지 지난번에 배운 %를 써야할것 같다.
홀수,짝수를 세줄라면 카운터업이 되야한다.

function hey() {
let count = 1; 👉count를 1부터 세준다.
if (count % 2 == 0) { 👉2로 나눈 나머지가 0이면
alert('짝수입니다!') 👉짝수입니다!
} else { 👉그렇지 않으면
alert('홀수입니다!') 👉홀수입니다!
}
count += 1; 👉count를 하나씩 키워야한다
}

⭐count += 1; 이 말은,(count = count +1;)

👉지금 있는 count에다가 1을 더해서 다시 count에다 넣어라. 예)count가2였으면 2+1해서 넣어라.

🎈브라우저에서 확인해보면 첫번째,두번째 눌러도 홀수만 나온다.
❔❔왜그럴까❔❔

처음,hey를 부른다.
count가 1이다
2로 나눈 나머지는 0이 아닐것이다.
홀수로 나온다.
count를 높여주고 2가 되었다.
그런데 다시 돌아가서 함수안에 있는 let count = 1이 또 발동을 해서 기존께 사라지고 다시 1부터 시작이 된다.축적이 안됀다.

⭐이런경우, let count =1;을 함수 밖으로 둔다.

회색으로 안먹어졌던 count가 보라색으로 바꼈다.
👉hey를 부르기 전부터 이미 1이다.

중간 함수과정을 거치고나서 막줄 count +1= 1;로 count를 1을 높여서
let count = 1;은 +1이되서 2가된다.
hey를 다시 부르고 함수를 거치면 나머지가 0이 되기 때문에 짝수가 될수 있다.

⭐let count =1;같은 변수를 함수 안에서 선언하면 그 함수가 끝나면서 자동으로 사라진다.

함수 밖에다 해놓으면 함수와 상관없이 어디서든 스크립트 안에서 써먹을 수 있다.
이런걸 전역변수라고 한다.