So implementieren Sie die 99er-Multiplikationstabelle in Javascript

In JS können Sie die 99er-Multiplikationstabelle implementieren, indem Sie zwei Ebenen von for-Schleifen verschachteln. Das Syntaxformat ist „for(var i=1;i

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

Javascript implementiert die 99-Multiplikationstabelle

Schauen wir uns zunächst die 99-Multiplikationstabelle an

und wir können das Muster des Diagramms erkennen:

• Es gibt insgesamt 9 Zeilen und 9 Spalten , und es gibt so viele Zeilen wie Zeilen ein Ausdruck.

• In Zeile i beginnt der Ausdruck bei i*1 und endet bei i*i. Es gibt insgesamt i Ausdrücke (wir können diesen Effekt durch eine Schleife erzielen).

Daher ist eine Doppelschleife erforderlich, um die Ausgabe zu steuern. Die äußere Schleife steuert die Anzahl der Zeilen i (i ist mindestens 1 und das Maximum ist 9), und die innere Schleife steuert die Spalte j (j ist mindestens 1 und). das Maximum ist gleich i).

Implementierungscode:

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

Ausgabeergebnis:

Wir können die 99-Multiplikationstabelle auch in eine Tabelle einfügen und wie im Bild am Anfang ausgeben:

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

Fügen Sie dann einen CSS-Stil hinzu, um ihn zu ändern:

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

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

Schauen Sie sich die Ausgabeergebnisse an:

[Empfohlenes Lernen: Javascript-Tutorial für Fortgeschrittene]

Das obige ist der detaillierte Inhalt vonSo implementieren Sie die 99er-Multiplikationstabelle in Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!