Bagaimana untuk melaksanakan jadual pendaraban 99 dalam javascript

Dalam JS, anda boleh melaksanakan jadual pendaraban 99 dengan meletakkan dua peringkat bagi gelung Format sintaks ialah "for(var i=1;i

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi JavaScript 1.8.5, komputer Dell G3.

Javascript melaksanakan 99 jadual pendaraban

Pertama sekali, mari kita perhatikan jadual pendaraban 99

Kita boleh dapatkan Peraturan untuk membuat carta:

• Terdapat sejumlah 9 baris dan 9 lajur, dan terdapat beberapa ungkapan dalam setiap baris.

• Dalam baris i, ungkapan bermula dari i*1 dan berakhir pada i*i Terdapat sejumlah ungkapan i (kita boleh mencapai kesan ini melalui gelung).

Oleh itu, gelung berganda diperlukan untuk mengawal output Gelung luar mengawal bilangan baris i (i ialah minimum 1 dan maksimum ialah 9), dan gelung dalam mengawal. lajur j (j adalah minimum 1, maksimum adalah sama dengan i).

Kod pelaksanaan:

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

Hasil output:

Kita juga boleh darab 99 seperti dalam gambar permulaan Letakkan jadual ke dalam jadual dan output:

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>");

Kemudian tambah gaya css untuk mengubah suainya:

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

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

Lihat hasil output:

[Pembelajaran yang disyorkan: tutorial lanjutan javascript]

Atas ialah kandungan terperinci Bagaimana untuk melaksanakan jadual pendaraban 99 dalam javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!