Таблица умножения в javascript должна показывать таблицу, начиная с 10 до 19 - PullRequest
Новая
       10

Таблица умножения в javascript должна показывать таблицу, начиная с 10 до 19

0 голосов
/ 19 сентября 2019

Я пытаюсь напечатать таблицу умножения, начиная с 10 и до 19. Мой временный результат заключается в том, что это в основном та же самая строка, которая повторяет ее самостоятельно ..

Я пытался использовать таблицу, нокажется, что он работает не так, как хотелось бы ... Я не знаю, как перечислить все числа сначала с 10 по 19 в строке и в столбце, а затем произведение строк и столбцов в других ячейках.

 <!DOCTYPE html>
    <html>
      <head>
        <meta charset="utf-8">
        <title></title>
      </head>
      <body onLoad="gangetabellen()">

      <div id="tabell"></div>

      <script>

      function gangetabellen() {

        var tall1, tall2, produkt; 

        var tabell = "<table style='width:500px'>";

        for (tall1 = 10; tall1 <= 19; tall1++) {
          row += "<tr>";

          for (tall2 = 1; tall2 <= 19; tall2++) {

             produkt = tall1 * tall2;
             tabell += "<td>" + produkt + "</td>";
          }
          tabell += "</tr>";
        }

        tabell += "</table>";
        document.getElementById("tabell").innerHTML = tabell;

      </script>


      </body>
    </html>

это должно показать 

10  11 12 13 14 15 16 17 18 19
10 100 110
11 
12
13
14
15
16
17
18
19

1 Ответ

0 голосов
/ 19 сентября 2019

Вам необходимо изменить две вещи:

  1. Добавить a}, чтобы закрыть функцию
  2. Изменить row += "<tr>"; (необъявленная переменная) на table += "<tr>";

gangetabellen()
<div id="tabell"></div>

<script>

  function gangetabellen() {

    var tall1, tall2, produkt; 

    var tabell = "<table style='width:500px'>";

    // If you want a header you should add a for-loop here to add
    // a row with tall2

    for (tall1 = 10; tall1 <= 19; tall1++) {
      tabell += "<tr>";

      // If you want a header to the left you should add it here.

      for (tall2 = 1; tall2 <= 19; tall2++) {

         produkt = tall1 * tall2;
         tabell += "<td>" + produkt + "</td>";
      }
      tabell += "</tr>";
    }

    tabell += "</table>";
    document.getElementById("tabell").innerHTML = tabell;
  }

</script>

Если вы хотите отобразить tall1 и tall2 по краям, вам нужно добавить код для этого (и вы можете использовать <th> вместо<td> для "заголовка таблицы". Это облегчает стилизацию таблицы.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...