자바스크립트로 99 구구단을 구현하는 방법

JS에서는 두 가지 수준의 for 루프를 중첩하여 99 구구단을 구현할 수 있습니다. 구문 형식은 "for(var i=1;i

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

Javascript는 99 곱셈표를 구현합니다

먼저 99 곱셈표

를 보면 차트의 패턴을 알 수 있습니다.

• 총 9개의 행과 9개의 열이 있습니다. , 행 수만큼 행이 있습니다.

• i행에는 i*1에서 시작하여 i*i로 끝나는 표현식이 있습니다(루프를 통해 이 효과를 얻을 수 있습니다).

따라서 출력을 제어하려면 이중 루프가 필요합니다. 외부 루프는 행 수 i를 제어하고(i는 최소 1이고 최대는 9입니다), 내부 루프는 j 열을 제어합니다(j는 최소 1이고 최대값은 i)와 같습니다.

구현 코드:

for(var i = 1; i <= 9; i++){     //外层循环控制行
	for(var j = 1; j <= i; j++) //内层循环控制列
	{
		document.write(j+"*"+i+"="+j*i+"   ");
	}
	document.write("</br>");
}

출력 결과:

99 구구단을 테이블에 넣고 처음 그림과 같이 출력할 수도 있습니다.

document.write("<table>");

for (var i = 1; i <= 9; i++) { //外层循环控制行
	document.write("<tr>");
	for (var j = 1; j <= i; j++) //内层循环控制列
	{
		document.write("<td>" + j + "*" + i + "=" + j * i + "</td>");
	}
	//换行，控制每行的输出几个表达式
	document.write("</tr>");
}
document.write("</table>");

그런 다음 CSS 스타일을 추가하여 수정합니다.

table {
	width: 600px;
	border-collapse: separate;
}

table td {
	border: #000 1px solid;
	text-align: center;
}

출력 결과 보기:

[권장 학습: javascript 고급 튜토리얼]

위 내용은 자바스크립트로 99 구구단을 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!