프롬프트 대화 상자는 사용자 입력을 받기 위해 텍스트 상자를 팝업할 때 매우 유용합니다. 따라서 사용자와 상호 작용할 수 있습니다. 사용자는 필드를 채우고 확인을 클릭해야 합니다. 이 대화 상자는 두 개의 매개변수를 사용하는 prompt()라는 메서드를 사용하여 표시됩니다. (i) 텍스트 상자에 표시할 레이블 및 (ii) 텍스트에 표시할 기본 문자열 상자. 이 대화 상자에는 확인 및 취소의 두 가지 버튼이 있습니다. 사용자가 확인 버튼을 클릭하면 창 메서드 prompt()는 텍스트 상자에서 입력된 값을 반환합니다. 사용자가 취소 버
JavaScript에서 문자열을 반전시키려면 qries 문자열을 반전시키는 다음 코드를 실행하십시오. 예시 라이브 데모 <!DOCTYPE html> <html> <body> <script> var myStr; function reverseStr(myStr) {
JavaScript에서 두 문자열을 비교하려면 localeCompare() 메서드를 사용하십시오. 이 메서드는 두 문자열이 모두 같으면 0을 반환하고, 문자열 1이 문자열 2보다 먼저 정렬되면 -1을 반환하고, 문자열 2가 문자열 1보다 먼저 정렬되면 1을 반환합니다. 예시 다음 코드를 실행하여 두 문자열을 비교할 수 있습니다. 라이브 데모 <!DOCTYPE html> <html> <body> <button onclick="
JavaScript의 생성자 메서드는 클래스 내에서 생성된 객체를 생성하고 초기화하는 데 사용됩니다. 생성자 메서드가 추가되지 않은 경우 기본 생성자를 사용해야 합니다. 참고 − 생성자 메서드는 한 클래스에서 한 번만 사용할 수 있습니다. 둘 이상이 오류를 발생시킵니다. 예시 다음 코드를 실행하여 생성자 메서드를 구현하는 방법을 배울 수 있습니다. 라이브 데모 <html> <body> <script>
if 문은 JavaScript가 결정을 내리고 조건부로 문을 실행할 수 있도록 하는 기본 제어 문입니다. 자바스크립트에서 순서도를 사용하여 if…else 문을 표시하는 방법을 알아보겠습니다.
생성자 메서드가 추가되지 않은 경우 기본 생성자를 사용해야 합니다. 아무것도 정의되지 않은 경우 기본 생성자가 생성됩니다. 구문 구문은 다음과 같습니다 - constructor() {} 파생 클래스의 구문 - constructor(...args) { super(...args); }
자바스크립트에서 함수를 정의하는 가장 일반적인 방법은 function 키워드 뒤에 고유한 함수 이름, 매개변수 목록(비어 있을 수 있음) 및 중괄호로 묶인 문 블록. 구문 구문은 다음과 같습니다 - <script> <!-- function functionname(parameter-list) { statements } //--> </script> 다음 예를 시도해 보십시오.
레이블 없이 나누기 break 문은 둘러싸는 중괄호를 깨고 루프를 일찍 종료하는 데 사용됩니다. break 문은 루프를 빠져 나옵니다. 예시 라벨을 사용하지 않고 자바스크립트에서 break 문의 예를 봅시다 − 라이브 데모 <html> <body> <script> var x = 1; &nbs
HTML과 JavaScript의 상호 작용은 사용자 또는 브라우저가 페이지를 조작할 때 발생하는 이벤트를 통해 처리됩니다. 페이지가 로드되면 이벤트라고 합니다. 사용자가 버튼을 클릭하면 클릭하는 이벤트가 발생합니다. 다른 예로는 아무 키나 누르기, 창 닫기, 창 크기 조정 등과 같은 이벤트가 있습니다. 개발자는 이러한 이벤트를 사용하여 창을 닫는 버튼, 사용자에게 표시되는 메시지, 유효성을 검사할 데이터 및 상상할 수 있는 거의 모든 유형의 응답을 유발하는 JavaScript로 코딩된 응답을 실행할 수 있습니다. 표준 HTML 5
블록 문은 0개 이상의 문을 그룹화합니다. JavaScript 이외의 언어에서는 복합 문이라고 합니다. 구문 구문은 다음과 같습니다 - { //List of statements } 블록이 있는 변수는 포함하는 함수로 범위가 지정됩니다. Block 문은 범위를 도입하지 않으며 var를 사용하여 변수를 선언하면 블록 범위가 없습니다. var a = 20; { var b = 40; } 이제 a 값을 출력하면 20이 아닌 40이 출력됩니다. 이는 블록 내에서 var로 선언된 변수가 블록 앞의
for 루프에는 초기화, 테스트 문 및 반복문이 포함됩니다. 다음 코드를 실행하여 순서도에서 중첩 for 루프를 표시할 수 있습니다. -
JavaScript에는 예약된 키워드인 goto 문이 있습니다. JavaScript에서 필요하지 않기 때문에 인기가 없습니다. 일반적으로 goto 문을 사용하는 것은 좋은 습관으로 간주되지 않습니다. JavaScript 전처리와 함께 goto를 사용하는 것은 아래와 같이 여전히 좋은 것으로 간주됩니다. − var a =0;[lbl] begin:console.log(데모 텍스트!);a++;if(i <424) 시작으로 이동; 위의 코드는 다음과 같이 번역됩니다 - var a =0;beginning:while(true) { consol
while 루프의 목적은 표현식이 참인 한 명령문이나 코드 블록을 반복적으로 실행하는 것입니다. 표현식이 거짓이 되면 루프가 종료됩니다. 예 다음 코드를 실행하여 중첩된 while 루프를 사용하는 방법을 배울 수 있습니다. 라이브 데모 <html> <body> <script> var height = 2; var widt
스위치 케이스에서 나오려면 break 문을 사용하십시오. break 문은 특정 케이스의 끝을 나타냅니다. 생략된 경우 인터프리터는 다음 각 경우에 각 명령문을 계속 실행합니다. 예 다음 예제를 실행하여 break 문을 사용하는 switch-case 문을 구현할 수 있습니다. 라이브 데모 <html> <body> <script> var grade='A';
JavaScript 레이블 문은 레이블을 식별자에 접두사로 붙이는데 사용됩니다. 레이블을 break 및 continue 문과 함께 사용하여 흐름을 보다 정확하게 제어할 수 있습니다. 레이블은 명령문 또는 코드 블록에 적용되는 콜론(:)이 뒤에 오는 식별자입니다. break 및 continue와 함께 레이블을 사용하는 방법을 이해하기 위해 두 가지 다른 예를 볼 것입니다. 예시 다음 코드를 실행하여 레이블을 사용하여 흐름을 제어할 수 있습니다. break 문으로 라이브 데모 <html> <bo
URL을 클릭하여 X 페이지에 도달했지만 내부적으로는 다른 Y 페이지로 연결되는 상황이 발생했을 수 있습니다. 이는 페이지 리디렉션으로 인해 발생합니다. 클라이언트 측에서 JavaScript를 사용하여 페이지 리디렉션을 수행하는 것은 매우 간단합니다. 사이트 방문자를 새 페이지로 리디렉션하려면 다음과 같이 헤드 섹션에 한 줄만 추가하면 됩니다. - 예시 다음 코드를 실행하여 window.location을 사용하여 다른 URL로 리디렉션하는 방법을 배울 수 있습니다. 여기에서 홈페이지로 리디렉션됩니다. 실시간 데모 <html&g
JavaScript에서 날짜 패턴을 확인하려면 다음 코드를 실행해 보세요. 여기에서 검증을 위해 정확한 날짜와 잘못된 날짜가 있는지 확인합니다. 예 라이브 데모 <!DOCTYPE html> <html> <body> <script> function validDate(date) { var split = date.split(/); var date = new Date(split[2] + / + split[0] +
중단 문 break 문은 둘러싸는 중괄호를 깨고 루프를 일찍 종료하는 데 사용됩니다. break 문은 루프를 빠져 나옵니다. 자바스크립트에서 break 문의 예를 살펴보겠습니다. 다음 예제에서는 while 루프와 함께 break 문을 사용하는 방법을 보여줍니다. x가 5에 도달하고 닫는 중괄호 바로 아래의 document.write(..) 문에 도달하면 루프가 어떻게 일찍 중단되는지 확인하십시오. 예시 라이브 데모 <html> <body> <s
경고 대화 상자는 주로 사용자에게 경고 메시지를 보내는 데 사용됩니다. 예를 들어, 한 입력 필드에 일부 텍스트를 입력해야 하지만 사용자가 입력을 제공하지 않는 경우 유효성 검사의 일부로 경고 상자를 사용하여 경고 메시지를 표시할 수 있습니다. 그래도 알림 상자는 더 친근한 메시지에 사용할 수 있습니다. 경고 상자는 선택하고 계속할 수 있는 확인 버튼을 하나만 제공합니다. 예시 경고 상자를 추가하는 방법을 배우기 위해 다음 코드를 실행할 수 있습니다 - 실시간 데모 <html> <head>
for 루프에는루프 초기화가 포함됩니다. 여기서 카운터를 시작 값으로 초기화합니다. 초기화 문은 루프가 시작되기 전에 실행되며, 테스트 문 주어진 조건이 참인지 아닌지를 테스트합니다. 조건이 true이면 루프 내부에 제공된 코드가 실행되고, 그렇지 않으면 컨트롤이 루프에서 나옵니다. 마지막에 반복 문 이 옵니다. 카운터를 늘리거나 줄일 수 있는 곳입니다. JavaScript에서 순서도를 사용하여 for 루프를 표시하는 방법을 살펴보겠습니다 -