728x90 textarea2 자바스크립트로 입력값 모음 개수 카운터 프로그램 만들기 영문과 숫자만 입력이 가능한 칸을 만든다. 확인해보기를 누르면 입력값 중 모음(a, e, i, o, u)의 개수를 소문자, 대문자 상관없이 구한다. 구해진 모음의 개수를 테이블 형식으로 출력한다. 1단계 : HTML 형식으로 표현 메인 화면의 틀을 html로 잡아준다. 문자 카운터(모음) 사용한 태그 태그 태그의 type="submit" 속성을 이용하기 위해 태그를 사용하였다. 태그 태그의 id="alpha" 속성을 이용하기 위해 for="alpha" 속성을 표시한 태그를 사용하였다. 태그 영문과 숫자의 입력을 문자열로 받기 위해 태그의 type="text"가 아닌 태그를 사용하였다. 태그의 경우 긴 문장을 적을 경우 문자열이 잘리는 현상을 방지하기 위함이다. 태그 에서 작성한 부분을 javascript.. 2021. 10. 20. 자바스크립트로 문자의 개수를 카운트해주는 프로그램 만들기 a ~ z , A ~ Z , 0 ~ 9 까지의 문자를 카운트하는 프로그램을 만든다. 영문과 숫자의 입력만 가능하도록 입력받고 각각의 문자의 개수를 카운트한다. a ~ z , A ~ Z , 0 ~ 9 를 각각의 테이블로 만들어 출력한다. 1단계 : html 형식으로 표현 메인 화면을 html 태그를 이용하여 틀을 잡아준다. 문자 카운터 사용한 태그 태그 태그의 type을 submit 으로 설정하기 위해 태그를 적어주었다. 태그 태그를 문자 카운터라는 문자를 눌러도 사용할 수 있도록 하기 위해 for속성의 값을 태그의 id값인 alpha로 주었다. 태그 태그를 이용해서 문자의 입력을 받을 수도 있지만 이 경우 많은 문자를 작성하게 되면 모든 문자를 보기 힘들어진다. 때문에 여러 문자를 입력할 수 있는 태그를.. 2021. 10. 19. 이전 1 다음 728x90
