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

WBOY
풀어 주다: 2016-05-16 15:14:30
원래의
2017명이 탐색했습니다.

구구단은 다양한 언어로 구현될 수 있습니다. 이 글에서는 이러한 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>");
로그인 후 복사

예시 이미지

위 내용은 4개의 대칭 구구단을 완성하기 위해 이 글에서 공유한 JavaScript에서 일반적으로 사용되는 두 개의 루프(For, While)입니다. 모든 분들께 도움이 되길 바랍니다!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿