개인 재정 HTML5 게임에서 Basic for 루프를 만드는 방법 - 더미

HTML5 게임에서 Basic for 루프를 만드는 방법 - 더미

비디오: EP 1: MMORPG 게임 만들기! 게임 개발 왕초보 웹 개발자의 도전 (Laravel, HTML5, Javascript) 2024

비디오: EP 1: MMORPG 게임 만들기! 게임 개발 왕초보 웹 개발자의 도전 (Laravel, HTML5, Javascript) 2024
Anonim

HTML5 게임은 언젠가 for 루프를 필요로 할 것입니다. 루프 표준은 1에서 10 사이의 값을 계산합니다. Count to Ten 버튼은 count () 함수를 트리거합니다. count () 코드는 다음과 같습니다.

function count () {output. innerHTML + = i + "

";} end for loop} // end count

count () 함수는 10 줄을 명확하게 인쇄하지만 출력 div를 수정하는 것은 한 줄만 있습니다. 주 코드는 여러 번 반복하여 긴 출력을 만듭니다.

  1. 출력 var를 즉시 사용할 수 있습니다

    출력은 전역 변수이며 이미 생성되었으므로 즉시 사용할 수 있으므로 함수에서 초기화 할 필요가 없습니다.

  2. 출력 지우기

    출력값을 비어있게 설정하십시오. string (")을 사용하여 출력을 지우십시오. 이것은 현재 div에있는 텍스트를 파기합니다.

  3. for 루프 시작

    for 루프는 특정 횟수만큼 반복하는 데 사용되는 특수 루프입니다.

  4. 카운팅 변수 초기화

    for 루프는 정수 값을 여러 번 변경하여 작동합니다. for 루프는이 변수를 초기화합니다 (oft en은 i)를 시작 값 (일반적으로 0 또는 1)으로 호출합니다.

  5. 루프에 머물기위한 조건을 지정하십시오.

    for 문의 두 번째 부분은 조건입니다. 조건이 true이면 루프가 계속됩니다. 조건이 false로 평가되면 루프가 종료됩니다.

  6. 변수를 변경하십시오.

    for 문에서 세 번째 부분은 어떻게 든 계산 변수를 변경합니다. 변수를 변경하는 가장 일반적인 방법은 변수를 하나 추가하는 것입니다. i ++ 구문은 "Add one to i"의 줄임말입니다. "

  7. 반복 코드를위한 코드 블록을 작성하십시오.

    중괄호와 들여 쓰기를 사용하여 반복되는 코드를 나타냅니다. 중괄호 안에있는 모든 코드가 반복됩니다.

  8. 루프 내에서 출력에 기록하십시오.

    루프를 반복 할 때마다 i의 현재 값을 출력 div의 innerHTML에 더한다. 또한 출력을 더보기 좋게 만들기 위해 중단 ()을 추가하십시오. innerHTML 속성에 추가 할 때 HTML 코드를 작성하므로 출력을 다른 행에서 사용하려면 HTML을 작성해야합니다.

  9. 루프를 닫습니다.

    루프를 종료하는 것을 잊지 마십시오. 그렇지 않으면 프로그램이 올바르게 실행되지 않습니다.

HTML5 게임에서 Basic for 루프를 만드는 방법 - 더미

편집자의 선택

가톨릭 신자 : 십자가의 길을기도

가톨릭 신자 : 십자가의 길을기도

십자가의 길은 대중적 카톨릭 신심. 모든 카톨릭 교구는 그리스도의 수난과 죽음의 묘사를 십자가의 길들이라고 부릅니다. 사순절 금요일 저녁에 종종 가톨릭 신자들이 개표하고기도 제목을 14 개의 방송국 앞에서 한 마디로 말하면서 볼 수 있습니다 : 예수님은 ...

카톨릭 매디 더미의 일반적인 형태의 개요

카톨릭 매디 더미의 일반적인 형태의 개요

카톨릭의 평범한 형태 미사는 대부분의 천주교가 일반적으로 친숙한 정상 또는 표준 형태의 미사이다. 보통 형식은 특별한 형식과 트라이던트 질량 (때로는 전통 라틴 집단이라고도 함)과 다릅니다. 다음 목록은 카톨릭 미사의 예식을 처음부터 끝까지 개략적으로 설명합니다. 입문 의례 ...

편집자의 선택

PowerPoint 프레젠테이션을 제공하는 동안 슬라이드에서 슬라이드로 이동 - 인형

PowerPoint 프레젠테이션을 제공하는 동안 슬라이드에서 슬라이드로 이동 - 인형

컴퓨터의 PowerPoint 프레젠테이션이나 청중 앞의 화면에서는 동일한 PowerPoint 트릭을 사용하여 슬라이드 간을 이동합니다. PowerPoint는 프레젠테이션에서 슬라이드로 이동하는 네 가지 방법을 제공합니다. 슬라이드 컨트롤 단추 사용 : 슬라이드 컨트롤 단추 - 이전, 슬라이드, 다음 ...

PowerPoint 2016에서 템플릿으로 작업하는 방법 - PowerPoint 2016의 더미

PowerPoint 2016에서 템플릿으로 작업하는 방법 - PowerPoint 2016의 더미

템플릿으로 멋진 프레젠테이션을 만들 수 있습니다. 빈 슬라이드부터 시작하여 모든 프레젠테이션을 새로 작성해야한다면 PowerPoint 2016을 다시 상자에 넣고 북 엔드로 사용할 수 있습니다. 프레젠테이션을 만드는 것은 쉽지만 모양이 좋아 보이도록 만드는 것은 다릅니다 ...

PowerPoint 2013 템플릿 작업 방법 - 더미

PowerPoint 2013 템플릿 작업 방법 - 더미

모든 PowerPoint 2013 프리젠 테이션을 처음부터 만들어야하는 경우, 빈 슬라이드부터 PowerPoint를 상자에 넣고 북 엔드로 사용할 수 있습니다. 프레젠테이션을 만드는 것은 쉽지만 모양이 좋아 보이게 만드는 것은 다른 이야기입니다. 멋진 프레젠테이션을 만드는 것이 어렵습니다.

편집자의 선택

LinkedIn을 사용하여 잠재 투자를 찾는 방법 - 인형

LinkedIn을 사용하여 잠재 투자를 찾는 방법 - 인형

LinkedIn은 잠재 투자자가 다음 투자를 찾아야합니다. 어쩌면 벤처 캐피탈의 누군가가 특정 산업 분야의 누군가와 연결해야하거나 어쩌면 귀사가 신흥 시장이나 신기술에 투자하기를 원할 수도 있습니다. LinkedIn에는 리소스가 있습니다. 네트워크에서보세요 ...

LinkedIn받은 편지함 사용 방법 - 인형

LinkedIn받은 편지함 사용 방법 - 인형

가장 적합한 허브는 LinkedIn받은 편지함입니다. 상단 탐색 표시 줄에서받은 편지함 링크를 클릭하여 액세스 할 수 있습니다. 대부분의 경우받은 편지함에서 작업 항목 (주의가 필요한 새 메시지)으로 이동합니다. 받은 편지함을 탐색 할 때 유의해야 할 사항은 다음과 같습니다. ...

LinkedIn 연결을 보는 방법 - 인형

LinkedIn 연결을 보는 방법 - 인형

오래된 말 : 어디에서 왔는지 알기 위해 왔습니다. "이것은 LinkedIn에서도 마찬가지입니다. 네트워크 전체에서 검색을 시작하기 전에 직접 네트워크의 도달 범위와 1 차 연결의 네트워크가 어떻게 연결되어 계속 연결되는지 파악하는 것이 유용합니다.