우리는이 비디오로 돌아올 것입니다.
우리는 몇 가지 새로운 기능을 연구 할 것입니다.
첫 번째 것은 내가 게임에서이기는 때입니다.
그것은 나에게 정확하다고 말한다.
그리고 나서 새로운 색상을 얻기 위해 다시 게임을 클릭 할 수 있습니다.
그러나 나는 또한 새로운 색상을 원한다. 왜냐하면 어떤 이유로 나는 내가 가지고있는 색상이 맘에 들지 않기 때문이다.
새 색상 버튼을 클릭 할 수도 있습니다.
그래서 기본적으로 우리는 게임을 재설정 할 버튼이 필요합니다. 새로운 색상은 새로운 임의의 색상을 선택합니다. 6 개의 임의 색상이 나타나고, 우리는 쉽고 힘든 모드로 돌아갑니다.
그래서이 버튼은 똑같은 일을합니다.
우리가 게임에서 이긴다면 텍스트가 바뀌고 우리는 다시 게임을하고 싶어하는지 물었습니다. 다시 게임을 클릭하면 리셋됩니다.
그러나 새로운 색상을 클릭하면 재설정 할 수 있습니다.
이것이 바로 우리가 집중해야 할 목표입니다.
시작하려면 버튼을 추가하고 건너 뛴 스트라이프를 추가하여 줄무늬가 새로운 색상이나 재생을 위해이 버튼을 포함하게하십시오.
그리고 그것은 우리가 이미 가지고있는 메시지를 담고 있습니다.
그리고 나서 우리가 나중에 할 두 버튼.
우리가해야 할 첫 번째 일을한다면 이미 div가 있습니다. 저는 이드에게 줄무늬를 주려고합니다. 그런 다음 우리는 그것을 사용할 수 있습니다.
그리고 나서 우리는 이미 우리의 스팬을 가지고 있습니다. 그것은 올바른 것을 보여 주거나 다시 시도 할 것입니다.
여기에 버튼을 추가하기 만하면됩니다.이 버튼은 새로 고침 할 수있는 새로운 색상을 말함으로써 시작됩니다.
OK는 당신이 기대하는 것만 큼 나쁜 것처럼 보입니다.
흰색 배경색을 추가하고이 div의 모든 것을 가운데에 놓으므로 div는 스트라이프라고합니다.
C Ss로 가보고 ID 인 Strype를 선택하겠습니다.
그래서 우리는 뒤늦은 생각으로 스트라이프를 사용해야합니다.
그리고 배경색 배경을 흰색으로 설정하려고합니다.
높이를 30 픽셀로 설정하여 멋진 높이 div를 비교적 큰 div로 만들고 텍스트 정렬을 센터로 설정하려고합니다.
그리고 지금 내가 새롭게하면 하얀 div가 줄곧 들어갑니다.
그것은 조금 더 키가 크다.
여기에 버튼이 있습니다.
그리고 만약 내가이기거나 잃거나 잘못된 대답을 얻으면 당신은 그것을 볼 수없는 스팬이 있습니다.
그 스팬의 텍스트가 흰색이기 때문입니다.
그래서 당신이 생각하는 것은 우리의 줄무늬 div에 들어가서 텍스트 색상이 검은 색이어야하지만 불행히도 효과가 없다고 말하는 것입니다.
그리고 이것은 우리가이 줄을 가지고 스트라이프의 아이디어를 가진 것의 모든 것이 검정색의 검정색이어야한다고 말하고 있기 때문에 특이성의 문제입니다. 여러분은 다시 생각해 볼 수 있다면 초특급이라고 생각할 것입니다. 초기 CSS 특이성 강의 및 ID는 매우 구체적입니다.
이것은 ID 스트라이프가있는 div에서 검은 색으로 설정되어 있지만 문제입니다.
그리고 여기서는 모든 범위를 설정하여 색상이 흰색이되도록 설정할 수 있습니다. 흰색으로 설정하면 더 구체적이게됩니다. 실제로는 부모가 아닌 요소 자체를 대상으로하고 색상을 상속 받기 때문입니다.
그래서 우리에게는 몇 가지 옵션이 있습니다.
내가 할 일은 실제로 지금 당장 이걸 없애는 것뿐입니다.
우리는 색상을 더 이상 흰색으로 설정하지 않을 것이고 새로 고침 할 수 있습니다. 색상이 변하지 않는다는 것을 알게 될 것입니다. 모든 범위가 흰색이라고 말한 선을 제거했지만 여전히 흰색 스팬입니다. 그것은 H1 내부에 있고 H1 텍스트 색상을 상속 받았기 때문에 흰색입니다.
이 스팬은 검은 색과 같습니다.
그것은 검정색의 텍스트 색상을 상속 받았거나 주위의 줄무늬 div에서 그냥 검정색을 검정색으로 볼 수 있습니다.
그리고 그것은 우리의 파업입니다.
승인.
이제 게임을 다시 시작하기 위해이 버튼을 가져 와서 이벤트 리스너를 추가해야합니다.
그렇게하기 전에 해당 버튼을 선택해야합니다.
여기에 버튼과 ID를 제공 할 것입니다. 여기서는 ID가 리셋과 같다고하고 자바 대신 리셋 버튼을 선택할 것입니다.
그래서 var reset 버튼은 우리의 옥타브 또는 리셋을 가진 쿼리 셀렉터와 같은 문서입니다.
그리고 언제나처럼 간단한 테스트 이벤트 리스너를 추가하고 싶습니다.
그래서 리셋 버튼은 이벤트 리스너를 추가합니다.
클릭하면 우리가 할 일을 모두 클릭하면 새로 고침하는 것과 같은 간단한 경고 빠른 재설정 버튼을 수행 할 것입니다.
그리고 내가 이것을 클릭하면 나는 나의 경고를 듣고, 그것은 우리가 가기에 좋다는 것을 의미한다.
다음으로 우리는 리셋 로직을 실제로 사용할 수 있습니다.
그래서 우리가해야 할 일은 의사 코드를 작성하는 것입니다.
해당 버튼을 클릭하면 모든 새로운 색상을 생성해야합니다.
배열에서 새로운 임의의 색상을 선택해야하며 페이지의 사각형 색상을 변경해야합니다.
따라서 모든 새로운 색상을 생성하기 위해 우리는 이미 그 함수가 임의의 색상을 생성하도록합니다.
그래서 우리는 색깔이 이제 6의 임의의 색상을 생성하는 것과 동일하다고 말할 것입니다.
그리고 나서 우리는 새로운 무작위 색을 고를 것입니다. 그래서 우리가 정의한 메서드 나 함수를 선택하기 위해 색상이 동일 해 지도록 선택하십시오.
새로운 선택 색상과 일치하도록이 표시 색상을 변경하는 것이 실제로 필요합니다.
그래서 우리는 단지 색이 일치하도록 색 표시를 변경하여 하나가 간단하도록 말합니다.
우리가해야 할 일은 컬러 디스플레이 도트 텍스트 콘텐츠가 선택된 색상과 같다고 말하면서 페이지를 새로 고치면 새로운 색상을 클릭하여 6 가지 새로운 색상을 생성하는 것입니다.
우리는 그 코드가 없기 때문에 아직 그들을 보지 않을 것입니다.
그런 다음 그 중 하나를 선택 색상으로 선택한 다음 여기에서 볼 수있는 것을 picta 색상과 일치하도록 변경합니다.
그래서 무대 뒤에서 6 개의 무작위 색과 무작위적인 새로운 색상을 얻을 수 있습니다.
따라서 마지막 부분은 페이지의 여섯 가지 새로운 색상을 반영하는 것입니다.
여기 아래로 우리는 모든 사각형을 반복하고 색상을 배경으로하는 제곱 스타일을 변경하고 있습니다.
나는 여기에서 모든 것을 복제하는 것부터 시작할 것이고 우리는 이것을 리펙토링 할 것입니다.
그러나 여기에 모든 것을 넣기 시작하십시오.
그래서 모든 정사각형을 통과하여 I 플러스 플러스를 뛰어 넘은 후 우리가해야 할 일은 배경이 색깔과 같은 스타일로 사각형을 말합니다.
나는 구할 것이다.
새로 고침하고 새 색상을 클릭하면 60 개의 임의 색상이 생성됩니다.
그것은 하나를 선택합니다.
그림 색상을 반영하도록 화면을 업데이트하고 여섯 개의 사각형을 모두 새 6 색과 일치하도록 변경합니다.
따라서 그것을 시도해보고 이전의 논리가 그대로 유지되는지 확인해 봅시다.
승인.
그래서 이것은 적색의 알맞은 양입니다.
아주 작은 초록색과 적당한 양의 파란색.
우리가 옳다고 생각하지 않는 것을 클릭 해 봅시다.
그리고 지금은 그 사람의 한 사람을 찾으러 가자.
그래서 조금 더 붉은 파란색처럼 보입니다.
그래서 나는 이것을 추측 할 것이고 우리는 옳은 것처럼 보이며 일들이 여전히 잘 작동하고있는 것처럼 보입니다.
빠른 새 색상.
우리는 이것을 재설정하고 싶습니다.
그게 정말 사소한 화장품 일이에요.
그러나 새로운 색상을 클릭하면 검은 색 또는 어두운 회색 색상으로 되돌아 가도록 여기에 표시를 재설정해야합니다.
우리가하고 싶은 또 다른 일은 우리가 여기서 볼 수있는 것처럼 다시 연극을 말하기를 원할 때 여기에서 이길 것입니다.
이것은 많은 녹색입니다.
나는 이기고 그것은 다시 나에게 말해주고 똑같은 일을한다.
기능적으로 그것은 단지 우리와 다른 텍스트 일뿐입니다.
그렇게 간단합니다.
우리가해야 할 일은 코드가 어디에 있는지 확인하는 것입니다.
바로 여기 있습니다.
그런 다음 해당 버튼의 텍스트 내용을 변경하기 만하면됩니다.
그래서 버튼은 리셋 버튼이라고 불렀습니다.
그래서 텍스트 콘텐츠가 다시 물음표로 재생되는 재설정 버튼은 새로운 색상을 새로 고칩니다.
이제 이들 중 하나를 연주 해 봅시다.
그래서 이것은 빨간색이 많고 녹색이 많고 파란색이 조금 있습니다.
그래서 많은 붉은 색과 많은 녹색이 우리에게 황색을 줄 것입니다.
그래서 그들 중 일부를 좁히려 고합시다.
그리고 약간의 파란색이 가볍고 밝아집니다.
그래서 우리가 이것이나이 하나를 시도해 보면 그들이 옳지 않다는 것을 알게 될 것입니다.
그리고 이것이 우리의 대답입니다.
그리고 진짜 빠르며 똑같은 일을합니다.
마지막으로 언급 한 것은 배경색을 다시 변경하는 것입니다.
그래서 바로 여기에서 리셋 버튼이 끝나면 그렇게 할 수 있습니다.
우리는 그 H-1을 선택하려고합니다.
그것은 우리가 여기서 선택한 한 점입니다.
전화가 배경 이네.
UPS는 같습니다.
그리고 그것은 16 진수입니다. 2 3 2 3 2 3 이것은 당신이 보길 갈 수 있다는 것을 잊어 버렸을 때 몸의 배경색을 평가하십시오.
또는 잘못된 색상을 선택하면 색상을 제거 할 때 여기에 설정합니다.
우리는 배경 색상을 몸체와 동일하게 변경합니다.
이제 새로운 색상을 새로 고쳐 봅시다.
이제 우승합시다.
그냥 빨리 무작위로 우리는 다시 놀이를 클릭하고 그것은 검은 배경으로 변경됩니다.
또는 어두운 회색 배경.
좋아,이 동영상에 대한 모든 것입니다.
다음으로 우리는 easy 모드와 hard 모드 중 하나를 선택하기위한 버튼을 추가 할 것입니다.