728x90 Project11 자바스크립트로 입력값 모음 개수 카운터 프로그램 만들기 영문과 숫자만 입력이 가능한 칸을 만든다. 확인해보기를 누르면 입력값 중 모음(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. 구구단 출력 프로젝트 04 - 뷰(View) 출력방식 수정 기존의 뷰(View)에서는 3중 for문을 이용하여 직각삼각형 모양의 화면을 만들어내었다. 기존의 소스에서는 3중의 for문을 반복하면서 위의 형태로 구구단을 출력해주는 형태였다. 우선 세로줄을 만들어주고 가로줄을 반복적으로 채워주고 한 칸을 채워주는 방식으로 진행되었다. var src = ""; for (i = firstTimesNumber; i < value.length; i++) { // 첫번째 단 ~ 마지막 단 까지 출력(세로방향) src += ""; for (k = firstTimesNumber; k 2 * 1 = 2 ... 출력 var color = (k % 2 == 1) ? "" : ""; src += color + value[k][j] + " "; } src += ""; } src += ".. 2021. 10. 11. 이전 1 2 3 다음 728x90
