소셜 미디어 If 문을 사용하여 JavaScript로 HTML을 프로그래밍 - 더미

If 문을 사용하여 JavaScript로 HTML을 프로그래밍 - 더미

차례:

비디오: HTML - form : button 2024

비디오: HTML - form : button 2024
Anonim

JavaScript로 if 문을 사용하여 실제로는 탈출 할 수 없습니다. if 문은 일이 발생했는지 여부, 데이터가 범위 내에 있는지 여부 또는 사용자가 특정 작업을 수행할지 여부를 테스트하는 데 일반적으로 사용됩니다.

JavaScript로 간단한 if 문을 작성하는 방법

if 문의 가장 일반적인 용도 중 하나는 간단한 선택을하는 것입니다. 사용자가 특정 조치를 취하면 무언가가 발생합니다. 다음 예에서 확인 대화 상자에서 확인을 클릭하면 응용 프로그램에 비밀 메시지가 표시됩니다.

// 결과가 true 또는 false 인 표현식을 만듭니다. var Answer = confirm ("비밀 메시지를 표시 하시겠습니까?"); // if 문을 사용하여 표현식을 테스트합니다. if (Answer) {// 사용자가 // [OK]를 클릭 할 때 비밀 메시지를 표시합니다. 문서. getElementById ("결과"). innerHTML = "이것은 비밀 메시지입니다!";}

이 경우 confirm ()은 다른 값을 출력하지 않으므로 Answer에는 true 또는 false 만 포함될 수 있습니다. 결과적으로, 당신은 Answer에서 어떤 종류의 가치 체크를 수행 할 필요가 없습니다 - 당신이해야 할 일은 Answer의 진실한 가치를 결정하여 결정을 내리는 것입니다.

모든 의사 결정 표현은 진실한 가치를 지니고 있습니다. 때로는 진리 값은 스위치 구조로 작업 할 때와 같이 숨겨 지지만 진리 값이 있습니다.

컴퓨터는 true 또는 false 이외의 것을 이해하지 못합니다. 컴퓨터가 다른 것을 할 수있는 것처럼 보이게하는 기법이 있지만 실제로는 여기에 표시된 것처럼 진실 또는 잘못된 결정을 내려야합니다.

if 문으로 무엇을 할 수 있습니까?

if 문은 사용자가 올바르게 응답 할 때 응용 프로그램이 어떤 작업을해야하지만 응답이 올바르지 않으면 입력을 무시할 때 사용합니다. 그러나 입력이 올 바르면 무언가를해야 할 때가 있고 올바르지 않을 때는 뭔가해야 할 때가 있습니다. 이 경우 다음 예와 같이 if 문에 else 절을 ​​추가합니다.

// 결과가 true 또는 false 인 표현식을 만듭니다. var Answer = confirm ("비밀 메시지를 표시 하시겠습니까?"); // if 문을 사용하여 표현식을 테스트합니다. if (Answer) {// 사용자가 // [OK]를 클릭 할 때 비밀 메시지를 표시합니다. 문서. getElementById ("결과"). innerHTML = "이것은 비밀 메시지입니다!";} else {// 다른 작업을 수행하십시오. 알림 ("다음에 확인을 클릭하면 메시지를 볼 수 있습니다!");}

A 절 는 구조체의 확장입니다.이 경우 else 절은 false 조건을 처리하는 두 번째 코드 블록을 포함하도록 if 구조를 확장합니다. 사용자가 확인 () 대화 상자에서 확인을 클릭하면 비밀 메시지가 표시됩니다.

그러나이 코드는 사용자가 취소를 클릭 할 때 경고 () 대화 상자를 표시합니다.) 대화 상자를 사용하여 다른 출력을 얻을 수 있습니다.

JavaScript에서 if 문을 중첩하는 방법

if 문을 다른 문 내에 배치 할 수있는 이유는 많이 있습니다. 이 경우 사용자가 화면에서 옵션을 선택하면 CheckChoice ()가 해당 옵션의 검사를 수행 한 다음 CheckChoice ()가 올바른 결과를 화면에 표시합니다. function CheckChoice (option) {// 입력이 숫자인지 확인합니다. if (typeof (option)! = "number") {// 오류 대화 상자를 표시합니다 alert ("숫자 입력을 제공하십시오!"); // 반환하지 않고 반환 아무것도 더 보내지 마라. return;} // option이 실제로 정수인지 확인하십시오. var Select = Math. 라운드 (옵션); // 입력이 범위 내에 있는지 확인합니다. if ((Select 3)) {// 오류 대화 상자를 표시합니다. 경고 ("제공된 값이 범위를 벗어났습니다!"); // 더 이상 아무것도하지 않고 돌아옵니다. return;} // 선택합니다. if (Select == 1) {문서. getElementById ("결과"). innerHTML = "아이템 A를 선택했습니다.";} else {if (Select == 2) {document. getElementById ("결과"). innerHTML = "아이템 B를 선택하셨습니다.";} else {document. getElementById ("결과"). innerHTML = "항목 C를 선택했습니다";}}} 이 예제는 알려진 입력 소스에 의존하지 않으므로 데이터에 대한 다양한 검사를 수행하여 시작합니다. 첫 번째 검사는 호출자가 숫자 값을 제공했는지 확인합니다. 결국 호출자는 문자열 또는 부울 값을 대신 제공 할 수 있습니다. 그 문제는 입력이 다른 함수 또는 JavaScript가 지원하는 다른 포인터에 대한 포인터가 될 수 있습니다.

다음 단계는 숫자 입력을 정수로 변환합니다. 데이터 변환은 정수 및 부동 소수점 값을 숫자로 처리하므로 JavaScript에서 중요합니다. 정수 값을 원하면 Math를 사용하십시오. 그것을 얻으려면 round ()가 가장 좋은 방법입니다. 이 함수는 가장 가까운 정수 값으로 입력을 반올림합니다. 즉, 3과 같은 값과의 비교를 수행하지 않게됩니다. 5.

이 시점에서 숫자가 있고 숫자가 정수가 아니지만 숫자가 올바른 범위에 있는지 여부를 알 수 없습니다. 입력 값의 범위를 확인하지 못하면 JavaScript 애플리케이션에서 많은 문제가 발생합니다. CheckChoice ()는 1에서 3 사이의 정수 값을 예상하므로 범위 검사에서 이러한 값을 찾습니다.

중첩 된 if 문은이 시점에서 거의 항시 적입니다. Select에는 1, 2 또는 3이 포함되어 있습니다. 첫 번째 if 문은 값 1을 확인하고 해당 값을 찾으면 메시지를 표시합니다. 값이 1이 아닌 다른 값이면 else 절이 대신됩니다. else 절 안에는 중첩 if 문이 있습니다.

이 if 문은 값 2로 선택하고있을 때 적절한 메시지를 표시합니다. Select가 3이면이 두 번째 중첩 된 if 문의 else 절에 적절한 메시지가 표시됩니다.

If 문을 사용하여 JavaScript로 HTML을 프로그래밍 - 더미

편집자의 선택

Photoshop Elements 10의 기본 공유 Photoshop Elements 10의 기본 사항 공유

Photoshop Elements 10의 기본 공유 Photoshop Elements 10의 기본 사항 공유

화면 이미지뿐만 아니라 공유, 특히 온라인 공유 서비스에 대한 사용 가능한 옵션을 잘 알고 있어야합니다. 또한 온라인 호스트에 대해 수용 할 수있는 표준에 익숙해 져야하며, 최종적으로 작품을 보내고 자하는 곳이 필요합니다.

Photoshop Elements - 번짐 도구에서 번짐 도구로 번지기

Photoshop Elements - 번짐 도구에서 번짐 도구로 번지기

번짐 도구는 선을 그릴 때 커서 아래에있는 색상을 사용하여 마치 젖은 페인트로 구성된 것처럼 주위로 픽셀을 밀고 있습니다. 그러나 Smudge 도구는 코믹한 효과 만 생성하는 간단한 왜곡 도구로 보지 마십시오. 작은 조각에도 사용할 수 있습니다 ...

Photoshop Elements 10의 도형 옵션 지정 도형 - 더미

Photoshop Elements 10의 도형 옵션 지정 도형 - 더미

지오메트리 옵션은 Photoshop Elements 모양이 10 개. 옵션 막대에서 아래쪽 화살표를 클릭하여 기하학 옵션에 액세스하십시오. 사각형 및 둥근 사각형, 타원, 다각형, 선 및 사용자 정의 모양 기하학 옵션 중에서 선택할 수 있습니다. 직사각형 및 둥근 사각형 형상 옵션 직사각형의 형상 옵션은 다음과 같습니다.

편집자의 선택

부동산 면허 시험을 위해 투자를 통해 돈을 버는 법 - 더미

부동산 면허 시험을 위해 투자를 통해 돈을 버는 법 - 더미

부동산 면허 시험은 부동산 투자를 통해 자본 이득, 임대 및 자본 확충과 같은 여러 가지 방법으로 돈을 벌 수 있다는 것을 알기를 기대합니다. 대리인 (그리고 응시자)으로서, 돈을 버는 방법과 적절한 용어에 대해 잘 알고 있어야합니다. ...

부동산 면허 시험에 대한 균등화 율 사용 방법 - 인형

부동산 면허 시험에 대한 균등화 율 사용 방법 - 인형

있음 카운티 재산세 (도시, 마을 또는 마을 재산세와는 대조적으로)를 알아 내기 위해 균등 화율 (때로는 균등화 계수라고 함)을 사용하여 부동산 면허 시험에서 문제를 해결하려면 준비가되어 있는지 확인하십시오. 간단한 상황에서 한 카운티 내의 여러 마을, 도시 및 마을 모두가 ...

편집자의 선택

웹 마케팅 : Netvibes 홈페이지에 콘텐츠를 추가하는 방법 - 인형

웹 마케팅 : Netvibes 홈페이지에 콘텐츠를 추가하는 방법 - 인형

Netvibes 소셜 미디어 웹 사이트를 추적하는 웹 마케팅 담당자에게 유용 할 수 있습니다. Netvibes에 수동으로 콘텐츠를 추가하려면 다음 단계를 따르십시오 : 구독하려는 사이트, 블로그 검색 또는 기타 페이지로 이동하십시오. RSS 또는 RSS 구독 링크를 마우스 오른쪽 단추로 클릭하십시오. 나타나는 바로 가기 메뉴에서 링크 위치 복사 ...

소셜 미디어 측정 항목 : 인형에 집중할 수있는 모바일 분석

소셜 미디어 측정 항목 : 인형에 집중할 수있는 모바일 분석

사람들이 모바일 웹 사이트를 사용하는 방법 휴대 전화 및 태블릿의 앱은 웹 사이트 사용 방식과 매우 다르며 소셜 미디어 측정 항목도이를 고려해야합니다. 모바일 분석이 일반적인 플랫폼 유형, 플랫폼 버전, 화면 크기, 사용 방식과 다른 여러 측정 항목에 집중하기를 원합니다.