본문 바로가기
728x90

input2

자바스크립트로 입력값 모음 개수 카운터 프로그램 만들기 영문과 숫자만 입력이 가능한 칸을 만든다. 확인해보기를 누르면 입력값 중 모음(a, e, i, o, u)의 개수를 소문자, 대문자 상관없이 구한다. 구해진 모음의 개수를 테이블 형식으로 출력한다. 1단계 : HTML 형식으로 표현 메인 화면의 틀을 html로 잡아준다. 문자 카운터(모음) 사용한 태그 태그 태그의 type="submit" 속성을 이용하기 위해 태그를 사용하였다. 태그 태그의 id="alpha" 속성을 이용하기 위해 for="alpha" 속성을 표시한 태그를 사용하였다. 태그 영문과 숫자의 입력을 문자열로 받기 위해 태그의 type="text"가 아닌 태그를 사용하였다. 태그의 경우 긴 문장을 적을 경우 문자열이 잘리는 현상을 방지하기 위함이다. 태그 에서 작성한 부분을 javascript.. 2021. 10. 20.
자바스크립트로 구구단 출력 프로그램 만들기 자바스크립트와 html 만을 사용하여 첫 단, 마지막 단, 마지막 곱할 수를 입력받은 후 결과 테이블을 출력하는 프로그램을 만들어볼 것이다. 메인 화면의 경우 첫 단, 마지막 단, 마지막 곱할 수를 입력받게 된다. 결과 화면의 경우 각 단의 이름을 테이블 제목으로 표시하고 그 밑으로 각 단의 결괏값을 x*y=z 형식으로 넣어줄 것이다. 1단계 : html 형식으로 표현 우선 메인 화면의 모양을 html 태그들을 이용하여 꾸며준다. 첫 단 : 마지막 단 : 마지막 곱할 수 : 사용한 태그 태그 태그를 이용하여 태그의 요소들을 묶어주기 위하여 태그를 이용하였다. 태그 태그 요소들을 하나의 상자 안에 묶어두는 것이 깔끔할 것으로 생각되어 이용하였다. 태그 태그의 for 속성에 태그의 id 속성과 같은 값을 주.. 2021. 10. 18.
728x90