OK 우리는 되돌아 올 것이다.
그래서 저는 여러분이이 장면 중 몇 가지를 여러분 스스로에게 줄 시간이라고 생각합니다.
그래서 나는 빠른 운동을한다.
당신이해야 할 일은 새로운 시대를 창조하거나 새로운 자바 스크립트 파일을 파일화하고 나이에 하나의 버튼을 내 파일에 추가하는 것입니다.
그게 전부 야.
그리고 나서 버튼을 클릭하면 몸의 배경색을 흰색에서 보라색으로 바꿉니다.
어떻게 그랬어?
나는 너에게 맡길거야.
몇 가지 다른 방법이 있습니다. 우리가 지금까지 이야기 해 왔던 여러 가지 점을 고려하면 버튼을 클릭 할 때 코드를 실행해야하며 코드는 두 가지 색상 사이에서 배경색을 자주색으로 변경해야합니다. 흰색 또는 당신은 더 나은 색상을 선택하십시오.
전적으로 당신에게 달려 있습니다.
지금 Pasic 비디오입니다.
너 한테 총을 쏴라.
그렇게하는 것이 중요하며, 준비가되면 다시 돌아와 해결책을 찾아야합니다.
승인.
그럼 우리가 어떻게이 일을 할 수 있는지 이야기 해 봅시다.
먼저 HMO에 추가 할 나이 든 여성 파일이 필요합니다.
이 색상 토글이라고 부르 자. 버튼 하나만 있으면된다. 단지 클릭 만하면된다.
이제 우리는 자바 스크립트 파일이 필요합니다. 우리는 여기서 스크립트 태그를 추가하고 자바 스크립트에는 자바 스크립트를 추가하는 작업을 쉽게 할 수 있습니다.하지만 위대한 연습은 아닙니다.
올바른 습관을 만들고 새로운 파일을 만들려면 토글이라고 부릅니다.
J.S. 같은 디렉토리와 내부에서 항상 좋아해요. 나는 그들이 OK인지를 확인하기 위해 경고를 추가 할 것입니다. 그런 다음 스크립트에 연결하고 링크해야합니다. 소스가 같아야합니다. Jay Yes 그냥 그런 식으로.
이제 브라우저에서이 파일을 열어 우리가 얻는 것을 봅시다.
우선 여기에서 지적 할 것입니다.
우리는 상황이 연결되어 있지만 버튼이 페이지에 아직 없다는 경고를 받았다는 것을 알 수 있습니다.
따라서 경고를 없애기 전까지는 실제로 버튼을 볼 수 없습니다.
그리고 그것은 정말로 중요합니다. 우리는 그것을 고치고 싶습니다.
여기서 우리에게 알려주는 것은 버튼이 페이지에 들어가기 전에 여기에있는 코드가 먼저 실행된다는 것입니다. 그리고 우리가 작성하려고하는 코드는 버튼이 페이지에 있다는 사실에 의존 할 것입니다.
빠른 수신기를 추가 할 수 없습니다. 그렇지 않으면 이벤트 수신기는 작동 할 때만 페이지에있는 항목에 이벤트를 추가하고 이벤트를 추가합니다.
그래서 우리는 이것을 고치는 몇 가지 방법을 가지고 있습니다.
가장 간단한 방법은 지금까지 스크립트를 몸체 끝까지 이동 시켜서이 버튼이 제대로로드되었는지 확인하는 것입니다.
우리는 Jay 질의를 할 때이 작업을 수행하는 또 다른 방법을 배울 것입니다.하지만 지금은 완벽하게 작동합니다.
이제 새로 고침하면 버튼이 이미 표시됩니다.
그런 다음 연결하라는 경고를받습니다.
이제 논리에 대해 이야기 해 봅시다.
우리의 토글 인 J.S.로 가자. 버튼을 선택하십시오.
그래서 var 버튼은 문서 쿼리 선택기 버튼과 같습니다. 물론 그것은 물론 그것을 선택하는 한 가지 방법 일뿐입니다.
그런 다음 이벤트 리스너를 클릭 한 다음 이벤트 콜렉터 함수를 실행하는 함수를 추가하는 버튼을 추가하려고합니다.
그리고 나는 항상 우리가 옳은 일을 선택하고이 기능이 실행되고 있는지 확인하기 위해 클릭 만한다는 경고로 다시 시작하고 싶습니다.
클릭하면 새로 고침을 클릭하면 클릭이 발생합니다.
그래서 훌륭합니다.
이제 우리가해야 할 일은 몸의 배경색을 바꾸는 것뿐입니다.
그래서 그냥 문서 덤프 본문을 시작하고 보라색으로 설정하자.
따라서 배경이 보라색과 같고 문서 도트 본문을 사용하는 것을 볼 수있는 바디 스타일을 문서화하십시오.
우리는 또한 선택기를 쿼리하고 본문 태그 이름이나 문서와 같은 것을 얻을 수있는 문서를 할 수 diked 태그 이름 본문 0으로 요소를 얻을하지만 훨씬 쉽게 문서 도트 본문을 사용하는.
문서에 내장 된 바로 가기입니다.
그래서 나는 그것을 자주색으로 바꾼다. 그리고 우리는 여기 가야한다.
클릭하면 보라색 몸체가되지만 물론이 문제의 일부는 앞뒤로 바뀌고 있습니다.
그래서 여기를 클릭하면 흰색으로 돌아가서 다시 클릭하고 자주색으로 돌아가서 둘 사이를 전환합니다.
그래서 우리가해야 할 일은 약간의 논리를 추가하는 것입니다. 그리고 우리의 논리는 흰색이 보라색이 될 수도 있고 이와 비슷한 것으로 보이게한다면 이런 식으로 보일 것입니다.
그래서 이것을 처리 할 방법은 boolean 값을 생성하는 것입니다. 보라색 Savar는 보라색이며, 페이지를 새로 고침 할 때 보라색이 아니므로 false로 시작합니다.
그리고 나서 우리가해야 할 일은 우리가 보라색인지를 확인하는 자바 스크립트의 내부입니다.
그래서 보라색이라면 배경색을 흰색으로하길 원할 것입니다.
그리고 변화는 희색이어야하고 그렇지 않으면 우리는 보라색으로 만들 것이라는 점을 제외하고는 똑같은 일을 할 것입니다.
당연히 유일한 문제는 그것이 바로 지금은 항상 거짓 인 보라색입니다.
우리는 그것을 바꾸기를 원할 것입니다.
보라색 인 경우 보라색으로 문서가 본체 스타일이지만 배경은 흰색과 같고 우리는 보라색이라고 말할 것입니다. 이제는 흰색으로 변경하기 때문에 거짓으로 표시됩니다. 그리고 나서 우리가 보라색으로 말하면 말할 수 있습니다. 보라색은 참입니다.
그리고 이것은 부울 값이어야합니다. 물론 문자열 true 또는 문자열 false가 아닙니다.
그래서 우리가 여기에서 한 것은 우리 자신의 작은 목표 추적자를 만드는 것입니다.
이 부울은 보라색 시작은 거짓입니다.
그것을 처음으로 보라색입니다.
그런 일은 일어나지 않습니다.
그래서 우리는 배경을 바꿔 보라색으로 바꾼 다음 보라색으로 바뀝니다.
다음 번에 사용자가 클릭하면 보라색으로 바뀝니다.
그래서 배경을 흰색으로 바꾼 다음 자주색을 false로 설정하면 앞뒤로 전환됩니다.
따라서 새로 고침 검사기위원회는 오류가 없음을 확인합니다.
이제 보라색 흰색 자주색 및 흰색을 클릭 해 봅니다.
따라서 우리가 할 수있는 작은 요인이 있습니다. 설정해야 할 필요가없는 것은 보라색이 거짓이고 if 문 안에서는 보라색입니다.
우리는 글을 쓰는 것만으로 그 일을하는 짧은 방법을 가지고 있습니다.
보라색이 아닌 것은 보라색입니다.
그래서 그것은 true와 false 또는 false와 true와 true 사이에서 전환 할 것입니다.
그래서 멋진 바로 가기입니다.
Heigl 's이고 조금 더 짧지 만 여기에 클래스리스트에 대해 배웠을 때 생각한 사람들이 있습니다.
토글이라고하는 방법이있었습니다.
CSA를 클래스로 정의하고 앞으로 나아가서 제 스타일 대신에 스타일 태그를 만들고 Dot 클래스를 추가하려고합니다.
보라색 또는 그냥 보라색이라고 부르 자.
이것은 클래스 이름입니다. 우리는 배경이 자주색이라고 말하고, 우리가해야 할 일은이 클래스를 몸에 켜거나 끄는 것입니다.
그래서 여기로 돌아가서 저는 이것을 지금 복사해서 카운트해서 우리가해야 할 일은 버튼을 클릭 할 때 뿐이며 주석으로 처리하거나 이것을 없애 버리는 것입니다.
이 모든 것은 우리가하고 싶은 일은 문서화하는 것입니다.
클래스가없는 토글.
그리고 방금 만든 수업 이름이 보라색으로 불 렸습니다.
그러므로 몸에 보라색이라는 클래스가 없다면 추가 할 것입니다.
그러나 클래스 이름이 보라색인지 이미 확인합니다.
그것을 제거합니다.
따라서 자주색인지 흰색인지 추적 할 필요가 없습니다.
현재 클래스가 적용되었거나 필요하지 않은 경우 보라색 Boullion이 더 이상 필요하지 않습니다.
그것은 기본적으로 모두 클래스가없는 토글 대신 감겨져 있습니다.
그래서 나는 상쾌하게한다.
나는 그것을 클릭하고 볼 수있다.
그러나 우리가 검사하고 우리가 시체를 보면.
여기에 우리가 간다.
통지 클래스는 보라색과 같습니다.
그런 다음 클릭하고 이제 고전 보라색이 없습니다.
그것은 사라집니다.
그것은 시체를 문서화 한 것입니다.
정말 유용한 클래스 목록 토글입니다.
이 논리보다 훨씬 짧습니다.
좋아, 내 해결책이야.