본문 바로가기
728x90

분류 전체보기48

자바스크립트로 빈도 top10 문자 카운터 만들기 영문과 숫자가 입력 가능한 입력칸을 만든다. 확인해보기를 누르면 결과 화면으로 이어진다. 결과화면에는 1위 ~ 10위 까지의 영문 소문자/대문자, 숫자와 개수가 표시된다. 표시형식은 테이블 형태로 한다. 1단계 : HTML 형식으로 표현 메인화면의 틀을 html을 이용해서 잡아준다. 문자 카운터(Top10) 사용한 태그 태그에 작성한 type="submit" 속성을 이용하기 위해 태그를 작성하였다. 태그에 작성한 id="alpha" 입력칸을 "문자 카운터(Top10)" 이라는 문구와 연결하기 위해 태그를 작성하였다. 입력을 문자열로 길게 받을 수 있도록 하기 위해 대신 를 사용하였다. 에 입력한 값들과 onclick="countFrequency()"를 연결하기 위해 태그를 사용하였다. 문자카운터(Top1.. 2021. 10. 21.
자바스크립트로 입력값 모음 개수 카운터 프로그램 만들기 영문과 숫자만 입력이 가능한 칸을 만든다. 확인해보기를 누르면 입력값 중 모음(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.
자바스크립트로 구구단 출력 프로그램 만들기 자바스크립트와 html 만을 사용하여 첫 단, 마지막 단, 마지막 곱할 수를 입력받은 후 결과 테이블을 출력하는 프로그램을 만들어볼 것이다. 메인 화면의 경우 첫 단, 마지막 단, 마지막 곱할 수를 입력받게 된다. 결과 화면의 경우 각 단의 이름을 테이블 제목으로 표시하고 그 밑으로 각 단의 결괏값을 x*y=z 형식으로 넣어줄 것이다. 1단계 : html 형식으로 표현 우선 메인 화면의 모양을 html 태그들을 이용하여 꾸며준다. 첫 단 : 마지막 단 : 마지막 곱할 수 : 사용한 태그 태그 태그를 이용하여 태그의 요소들을 묶어주기 위하여 태그를 이용하였다. 태그 태그 요소들을 하나의 상자 안에 묶어두는 것이 깔끔할 것으로 생각되어 이용하였다. 태그 태그의 for 속성에 태그의 id 속성과 같은 값을 주.. 2021. 10. 18.
728x90

티스토리툴바