JS는 위, 아래, 왼쪽, 오른쪽_javascript 기술의 대칭 구구단을 구현합니다.-JS 튜토리얼-php.cn

JS는 위, 아래, 왼쪽, 오른쪽_javascript 기술의 대칭 구구단을 구현합니다.

WBOY

풀어 주다： 2016-05-16 15:14:30

원래의

2044명이 탐색했습니다.

구구단은 다양한 언어로 구현될 수 있습니다. 이 글에서는 이러한 4개의 대칭 구구단을 완성하기 위해 JavaScript에서 일반적으로 사용되는 두 개의 루프(For, While)를 설명합니다. 이 예제는 루프의 기본을 연습하는 좋은 방법입니다. 레이아웃이 깔끔하지 않기 때문에 테이블이 루프됩니다.

1. 왼쪽 아래 모서리가 도 단위인 사다리꼴 곱셈표:

For 루프 코드

document.write("<table width='' border='>");
for(var i=; i<=; i++){
document.write("<tr>");
for(var j=; j<=i; j++){
document.write("<td>"+ j +"*"+ i +"="+ i*j +"</td>");
}
document.write("</tr>");
}
document.write("</table>");

로그인 후 복사

While 루프 코드

document.write("<table width='' border='>");
var i = ;
while(i<=){
document.write("<tr>");
var j = ;
while(j<=i){
document.write("<td>"+ j +"*"+ i +"="+ i*j +"</td>");
j++;
}
document.write("</tr>");
i++;
}
document.write("</table>");

로그인 후 복사

예시 이미지

2. 오른쪽 하단에 도가 표시된 사다리꼴 구구단:

For 루프 코드

document.write("<table width='' border='>");
for(var i=; i<=; i++){
document.write("<tr>");
for(var n=i; n<; n++){
document.write("<td> </td>");
}
for(var j=i; j>=; j--){
document.write("<td>"+ j +"*"+ i +"="+ i*j +"</td>");
}
document.write("</tr>");
}
document.write("</table>");

로그인 후 복사

While 루프 코드

document.write("<table width='' border='>");
var i = ;
while(i<=){
document.write("<tr>");
var n = i;
while(n<){
document.write("<td> </td>");
n++;
}
var j = i;
while(j>=){
document.write("<td>"+ j +"*"+ i +"="+ i*j +"</td>");
j--;
}
document.write("</tr>");
i++;
}
document.write("</table>");

로그인 후 복사

예시 이미지

3. 왼쪽 상단 모서리가 도 단위인 사다리꼴 곱셈표:

For 루프 코드

document.write("<table width='' border='>");
for(var i=; i>=; i--){
document.write("<tr>");
for(var j=; j<=i; j++){
document.write("<td>"+ j +"*"+ i +"="+ i*j +"</td>");
}
document.write("</tr>");
}
document.write("</table>");

로그인 후 복사

While 루프 코드

document.write("<table width='' border='>");
var i = ;
while(i>=){
document.write("<tr>");
var j = ;
while(j<=i){
document.write("<td>"+ j +"*"+ i +"="+ i*j +"</td>");
j++;
}
document.write("</tr>");
i--;
}
document.write("</table>");

로그인 후 복사

예시 이미지

4. 오른쪽 상단 모서리가 도 단위인 사다리꼴 구구단:

For 루프 코드

document.write("<table width='' border='>");
for(var i=; i>=; i--){
document.write("<tr>");
for(var j=; j>=i; j--){
document.write("<td> </td>");
}
for(var j=i; j>=; j--){
document.write("<td>"+ j +"*"+ i +"="+ i*j +"</td>");
}
document.write("</tr>");
}
document.write("</table>");

로그인 후 복사

While 루프 코드

document.write("<table width='' border='>");
var i = ;
while(i>=){
document.write("<tr>");
var j = ;
while(j>=i){
document.write("<td> </td>");
j--;
}
var j = i;
while(j>=){
document.write("<td>"+ j +"*"+ i +"="+ i*j +"</td>");
j--;
}
document.write("</tr>");
i--;
}
document.write("</table>");

로그인 후 복사

예시 이미지