Heim > Web-Frontend > js-Tutorial > Hauptteil

JS realisiert die symmetrische Multiplikationstabelle von oben, unten, links und rechts_Javascript-Fähigkeiten

WBOY
Freigeben: 2016-05-16 15:14:30
Original
1976 Leute haben es durchsucht

Das Einmaleins kann in vielen Sprachen implementiert werden. In diesem Artikel werden zwei häufig verwendete Schleifen (For, While) zur Vervollständigung dieser vier symmetrischen Multiplikationstabellen beschrieben. Dieses Beispiel ist eine gute Möglichkeit, die Grundlagen von Schleifen zu üben.

1. Trapezförmige Multiplikationstabelle mit der unteren linken Ecke in Grad:

Für Schleifencode

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>"); 
Nach dem Login kopieren

While-Schleifencode

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>");
Nach dem Login kopieren

Beispielbild

2. Die trapezförmige Multiplikationstabelle mit Gradzahlen in der unteren rechten Ecke:

Für Schleifencode

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>");
Nach dem Login kopieren

While-Schleifencode

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>");
Nach dem Login kopieren

Beispielbild

3. Trapezförmige Multiplikationstabelle mit der oberen linken Ecke in Grad:

Für Schleifencode

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>");
Nach dem Login kopieren

While-Schleifencode

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>");
Nach dem Login kopieren

Beispielbild

4. Trapezförmige Multiplikationstabelle mit der oberen rechten Ecke in Grad:

Für Schleifencode

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>");
Nach dem Login kopieren

While-Schleifencode

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>");
Nach dem Login kopieren

Beispielbild

Bei dem obigen Inhalt handelt es sich um die beiden in diesem Artikel häufig verwendeten Schleifen (For, While), um diese vier symmetrischen Multiplikationstabellen zu vervollständigen. Ich hoffe, dass sie für alle hilfreich sind!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!