JavaScript를 사용하여 텍스트 영역에서 단어 수를 계산하는 방법은 무엇입니까?

때때로 작업은 입력 상자나 텍스트 영역에 입력된 단어 수를 세는 것입니다. 여러 줄의 텍스트를 표시하려면 일반적으로 텍스트 영역을 사용합니다. 텍스트 영역에 텍스트를 입력할 때 사용자는 단어 사이나 줄 사이를 구분하기 위해 공백을 사용할 수 있습니다. 이 문서에서는 HTML, 자바스크립트 코드, Jquery 라이브러리를 사용하여 입력 텍스트의 단어 수를 계산하는 프로세스를 보여줍니다. 이는 두 가지 다른 예를 사용하여 설명됩니다. 첫 번째 예에서는 단어 수를 찾기 위해 입력 공백이나 개행 문자를 계산합니다. 두 번째 예에서는 먼저 줄 바꿈을 단순 공백으로 바꾼 다음 텍스트 분할을 사용하여 텍스트를 공백으로 분할하여 단어 수를 찾습니다.

예 1: HTML 및 JavaScript 코드를 사용하여 텍스트의 공백과 줄 바꿈을 계산하여 Count라는 단어를 찾습니다.

코드 디자인 단계

• 1단계 - HTML 파일을 만들고 코드 작성을 시작하세요.

• 2단계 - 세 개의

  태그를 만듭니다. 다른 ID가 주어졌습니다. 그 중 하나에 텍스트가 표시됩니다. 두 번째는 단어 수를 보여줍니다. 세 번째에는 문자 수가 표시됩니다.

• 3단계 - 함수를 만들고 그 안에 for 루프를 사용하여 입력 텍스트의 문자 수를 세기 시작합니다. 공백이나 줄 바꿈이 입력되었는지 확인한 다음 단어 수를 늘립니다.

• 4단계 - 버튼을 생성하고 버튼을 클릭하면 위 함수를 호출합니다.

• 5단계 - 프로그램을 실행하여 결과를 확인합니다.

으아악

결과 보기 - 예 1

결과를 보려면 브라우저에서 html 파일을 엽니다. 이제 버튼을 클릭하고 결과를 확인해보세요.

예 2: HTML 및 JavaScript 코드를 사용한 텍스트 분할 방법으로 단어 수 찾기

코드 디자인 단계

• 1단계 - HTML 파일을 만들고 코드 작성을 시작합니다.

• 2단계 - 세 개의

  태그를 만듭니다. 다른 ID가 주어졌습니다. 그 중 하나에 텍스트가 표시됩니다. 두 번째는 단어 수를 보여줍니다. 세 번째에는 문자 수가 표시됩니다.

• 3단계 - 함수를 만들고 그 안에 개행 문자가 있는지 확인하세요. 공백으로 바꾸세요. 이제 공간에서 텍스트를 분할하고 그 부분을 배열에 저장합니다. 배열에 입력된 단어 수는 단어 수입니다.

• 4단계 - 버튼이 생성되며, 이 버튼을 클릭하면 위 함수가 호출됩니다.

• 5단계 - 프로그램을 실행하고 결과를 표시합니다.

여기에서는 단어를 분리하여 배열에 넣습니다.

으아악

결과 보기

결과를 표시하려면 브라우저에서 html 파일을 엽니다. 이제 텍스트 영역에 몇 줄을 입력하십시오. 단어수 버튼을 클릭하시면 단어수를 보실 수 있습니다.

이 JavaScript-HTML 문서에서는 두 가지 예를 사용하여 텍스트 영역에 입력된 단어 수를 계산하는 방법을 보여줍니다. 먼저, 단어 수를 제공하기 위해 단어와 입력 줄 바꿈 사이의 입력 공간을 분석하는 방법이 제공됩니다. 두 번째 예에서는 모든 줄 바꿈을 단순 공백으로 변환한 후 입력 공간에 텍스트 분할 방법을 사용합니다.

위 내용은 JavaScript를 사용하여 텍스트 영역에서 단어 수를 계산하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!