JS-Implementierung eines Beispiels für die Druckmethode der Multiplikationstabelle-js-Tutorial-php.cn

JS-Implementierung eines Beispiels für die Druckmethode der Multiplikationstabelle

小云云

Freigeben： 2018-03-13 15:48:08

Original

3708 Leute haben es durchsucht

Dieser Artikel zeigt Ihnen hauptsächlich, wie Sie die Multiplikationstabelle mit JS drucken. Ich hoffe, er kann Ihnen helfen.

Schritte

1. Machen Sie zuerst eine Schleife und buchstabieren Sie die gesamte Multiplikationstabelle

2. Fügen Sie die Multiplikationstabelle in eine Tabelle ein

3. Fügen Sie einfach einige Stile zur Tabelle hinzu

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>JS打印九九乘法表</title>
    <style media="screen">
      /* 简单给整个table加点样式 */
      table{
        border-collapse: collapse;
      }
      table tr{
        border: 1px solid #666;
      }
      table tr th{
        border: 1px solid #666;
        color: #999;
        padding:10px;
      }
    </style>
  </head>
  <body>
    <script type="text/javascript">
    // 创建table
    document.write("<table>");
      // 打印九九乘法表
      for(var x = 1;x <= 9;x++){
        // 创建tr
        document.write("<tr>");
        for(var y = 1;y <= x;y++){
          // 公式里创建th
          document.write(&#39;<th>&#39; + x + &#39;*&#39; + y + &#39;=&#39; + (x * y) + &#39;</th>&#39;)
        }
        // 闭合tr
        document.write("</tr>");
      }
    // 闭合table
    document.write("</table>")
    </script>
  </body>
</html>

Nach dem Login kopieren

Verwandte Empfehlungen:

Ein Beispiel für die Verwendung einer Doppelschichtschleife zur Implementierung der Multiplikationstabelle

js implementiert den exquisiten Multiplikationstabellen-Effektcode

JS implementiert die symmetrischen Multiplikationstabellen_Javascript-Fähigkeiten nach oben, unten, links und rechts

Das obige ist der detaillierte Inhalt vonJS-Implementierung eines Beispiels für die Druckmethode der Multiplikationstabelle. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!