table 검색 결과
2 개의 검색 결과가 있습니다.
코딩/JavaScript

JavaScript 반복문으로 구구단 만들기(table)

javascript로 구구단을 table형식으로 출력해보겠습니다. 아래는 출력결과입니다. 2중 for문으로 2*1=2, 3*1=3 .... 9*1=9와 같이 숫자 1은 고정, 2부터9까지 숫자가 다 달하면 고정숫자 1은 2로 증가함과 동시에 줄넘김을 하는(태그)형식으로 전개했습니다. 또한 style에서 border-collapse : collapse 를 통해 테두리 사이의 간격을 없앰과 동시에 겹치는 부분을 한 줄로 표시했습니다 이상 javascript를 통해 body 태그의 입력없이 sciript로 구구단을 출력해보는 방법이었습니다.

2020. 6. 30. 23:56
코딩/JavaScript

JavaScript를 이용한 구구단 출력하기

JavaScript를 이용하여 구구단을 출력해보겠습니다. 1. for문을 이용하여 2~9단을 출력하는 방법 이중 포문을 통해 2~9단까지 구현해보았습니다. 변수 i는 2~9단까지를 나타내는 변수, j는 1~9까지 곱해지는 변수로 설정했습니다. for문 안에 있는 for문이 1~9까지 곱해지는게 끝이나면 바깥쪽 for문이 후연산으로 더해지는 과정입니다. 결과값입니다. 한문장이 완성되면 줄넘김처리를 해서 스크롤이 생긴것을 볼 수 있습니다. 2. table을 이용하여 구구단을 출력하는 방법 설명에 앞서 2단부터 9단까지의 출력방법은 위와 다릅니다. 먼저 thead 부분은 구구단, body부분은 계산 부분으로 나누었습니다. 이중포문 부분에서 한 줄에 2*1=2 3*1=3 4*1=4 ... 9*1=9 처럼 2단부..

2020. 6. 22. 23:46