이 비디오에서 우리는 자바 스크립트 배열에 대해 지금까지 배웠던 것을 사용하여 매우 간단한 목록을 작성하려고합니다.
물론 Jim Clancy와 자바 스크립트가 상호 작용하는 것에 대해 알지 못했습니다.
따라서이 목록 앱을 수행하는 모든 작업은 프롬프트와 경고 및 지속적으로 로그를 기반으로 이루어질 것입니다.
그러나 곧 우리는 지배적 인 돌연변이에 대해 배우게 될 것입니다. 이것은 돌연변이 요소에 나이를 추가하거나 제거하거나 변경하거나 SS를 추가하는 자바 스크립트를 얻는 방법입니다. 그것은 단지 Konst가 아니라 로그입니다.
여기 그것이 어떻게 작동 할 것인가입니다.
페이지를 새로 고침하면 무엇을하고 싶은지 묻습니다.
그리고 왼쪽에는 세 가지 선택 사항이 있습니다. 새 전화를 입력하면 할 일을 새로 추가 할 수 있습니다.
목록을 모두 입력하거나 종료하려면 quit을 입력하여 목록을 입력 할 수 있습니다.
목록을 타이핑하여 시작해 봅시다.
그리고 지금은 빈 배열 일뿐입니다.
그래서 새로운 것을 추가합시다.
그것이 나에게 새로운 타입을 새로 고침 할 필요가 없었던 것을 나에게 묻는다는 것을 주목해라. 그러면 새로운 것을하기 위해 들어가라.
그래서 나는 녹슨 걸을거야.
Enter 키를 누르면 지금 무엇을하고 싶은지 묻습니다.
그래서 나는 목록에 올 것이고, walk resti가 To Do 목록에 추가되었음을 알 수 있습니다.
하나 더 추가합시다.
그래서 새로운 것이 피드 resti와리스트가 될 것이고 나는 이제 그 배열에 두 아이템을 가지고 있습니다.
이제이 사이클을 끝내기 위해 나는 다시 취하지 않습니다.
이것이 바로 우리의 목표입니다.
계속해서 숭고한 마음을 열고 필요한 파일을 만듭니다.
그래서 나는 목록을 가지고있다.
HMO가 내 보일러 판을 목록에 추가하려고합니다.
그리고 나서 여기에서 나는 목록을 작성한 다음 몇 명의 동맹자를 명료화하기 위해 H1을 추가 할 것입니다.
첫 번째 명령은 명령이 a do를 추가 한 것을 기억하고 모든 것을 수행 할 목록 목록을 갖게됩니다.
그리고 마지막으로 그만두고 그만 둡니다.
저장하십시오.
이제 우리가 아직 만들어야하는 자바 스크립트 파일을 링크 해 봅시다.
그리고 저는 그 목록에 전화 할 것입니다.
Jay 예 그리고 그 파일을 만들고 J.S .. 목록을 저장하려고합니다.
그리고 물론 내가 항상하고 싶은 것부터 시작하겠습니다.이 시간에 로그하는 콘솔을 실행하여 모든 것이 올바르게 작동하는지 다시 확인하도록하겠습니다.
이제 브라우저에서 열어 보겠습니다.
목록을 작성하는 데 약간의 것이 있습니다.
굉장해.
글꼴을 약간 늘리면됩니다.
이제 우리의 논리에 대해 이야기 해 봅시다.
그래서 우리가 할 일은 배열을 사용하여 To Do 목록을 모델링하는 것입니다.
그래서 우리는 필요가있을 것입니다.
나는 그것을 할 것이라고 부르겠다. 그리고 그것은 비어있는 것으로 시작될 것이다.
그리고 나서 우리가해야 할 일은 사용자에게 입력을 요청하는 것입니다.
그래서 우리는 단지 그 입력 var input이 프롬프트와 같다고 부를 것입니다.
무엇을하고 싶으십니까.
다음 단계는 입력이 LIST 인 경우 어떤 입력인지 확인하는 것입니다.
입력이 새 것이면 우리는 다른 것을 할 것입니다.
그래서 입력을 시도해 봅시다. 목록과 같은지 먼저 확인해 봅시다.
그럴 경우 우리는 그냥 취소 할 것입니다. 그렇게하기 위해 모두 기록하지 마십시오.
계속해서 여기에 할 일을 추가하고 새로운 거북이를 저장하여 여기에 추가하고 이것이 작동하는지 확인합시다.
따라서 작동하는지 확인하려면 새로 고침하십시오.
그리고 우리가해야 할 일은리스트를 타이핑하는 것입니다. 우리는 새로운 거북이를 사겠다는 우리의 배열을보아야합니다.
그러나 입력이리스트와 같을 때만 코드가 실행되기 때문에 다른 것을 입력하면 아무것도 표시되지 않습니다.
그래서 그게 있습니다.
다음 단계는 다른 조건을 추가하는 것입니다.
그냥 해보 죠.
그렇지 않으면 input이 new와 같으면됩니다.
그럴 경우 우리는 새로운 것을 사용자에게 물어보기를 원할 것입니다. 새로운 것을하기 위해 두 가지를 추가 할 것을 요구하십시오.
그래서 새로운 것을 요구하기 위해서 우리는 단지 새로운 것을하기 위해 프롬프트를 사용합니다.
new를 입력하고 Dewes 배열에 추가하려면 많은 옵션이 있습니다.
나는 그것을 배열의 끝에 추가 할 것이다.
그래서 모두 새로운 것을 밀어 내기 위해 새로운 것을 사용했습니다.
이것이 우리가이 일을하기 위해 여기서해야 할 모든 것입니다.
유일한 문제는 내가 지금 이걸 실행하고 새로운 것을 입력하려고하면 새로운 것을 입력하도록 요청하는 것입니다. WOC의 새로운 거북이를하고 Enter를하면 끝납니다.
실제로 작동하는지 확인하는 방법이 없습니다.
나는 여기에 가서 콘솔에 입력 할 수 있고 나는 그들 모두가 여기에 있는지 확인할 수는 있지만 그들을 인쇄하기 위해 list 명령을 사용하는 방법이 없다.
그리고 그것은 바로 지금 우리가하고 싶은 것을 한 번만 묻기 때문입니다.
다음 단계는이 작업을 반복하는 것입니다.
사용자가 종료 할 때까지 반복해서 묻고 싶었습니다.
그래서 우리가 루프를 사용해야한다는 비명을 지르고 싶습니다.
우리는 조건이 사실 일 때까지 반복해서 무언가를하고 싶습니다.
따라서 우리가 작성하고자하는 루프는 while 루프가 될 것이며 입력은 종료되지 않은 상태가 될 것입니다.
그래서 우리가이 코드를 실행할 것입니다.
그리고 나서 그 블로그에 올게요.
좋아, 우리는 단지 약간의 피드백을 볼 수 있도록 앱을 종료한다.
이 작업이 완료되면이 행만 보입니다.
즉, 사용자가 입력 한 내용이 빠르다가 바닥에있는 경우 여기에 새로운 입력을 다시 요청할 것입니다.
그리고 맨 위에는 입력을 처리 할 것입니다.
그래서 우리는 사용자에게 입력을 한 번만 묻고 나서이 코드를 루프로 옮길 것입니다.
그래서 나는 그들에게 한 번만 물어보고 싶은 것은 무엇을하고 싶습니까?
잘만되면 그들은 즉시 그만 두지 않을 것입니다.
하지만 그들이 그렇게한다면 우리는 당신이 그만 둘 수있게됩니다.
그러나 그들이 타이핑을하지 않으면 우리는 day type list에 체크 할 것입니다.
그리고 마지막으로 새로운 입력에 대해 다시 물어볼 필요가 있다는 것입니다.
우리가해야 할 일은 바로이 줄을 복사하는 것뿐입니다.
그래서 조금 더 크게 만들 것입니다.
그래서 우리는 입력을 다시 요구하고 루프가 끝나고 이번에는 모든 체크가 종료됩니다.
그렇다면 우리는 끝났습니다.
그럼 그걸 시험해 봅시다.
무엇을하고 싶습니까? 페이지를 새로 고칩니다.
신입 사원은 새로운 거북이에게 새로운 것을할까요? 당신은 무엇을하고 싶습니까?
그것은 나에게 처음에 다시 물었다.
이제는 할일 목록에 할 일이 두 개 있습니다.
자, 이제 끝내자.
당신은 앱을 종료합니다.
그래서 나는이 조건을 갑자기 그만 두었다. 그리고 그것은 사실이었다. 그리고 우리는 끝난다.
그러니이 조금 더 좋게 만들고 다음에 적절하게 만들어 봅시다.
이제는 기본 목록을 작성하는 것이 좋습니다.
곧 추가 기능과 다른 명령을 추가 하겠지만, 우리가 할 수 있기 전에 배열에 관한 몇 가지 새로운 것을 배워야합니다.