Введите текст для поиска

пятница, 9 декабря 2016 г.

Изучаем JS - таблица умножения

Напишем простую таблицу умножения, которую будет выводить скрипт.

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<script>
            var i = 1, j = 1, sum, text = "<table><tr>",
            text01 = "</tr><tr>", text02 = "<td>", 
            text03 = "</td>", text04 = "</td></tr></table>";
            
            document.write(text);
            
            
            while (i <= 9) {
                document.write(text02);
                
                
                while (j <= 9) {
                    j++;
                    sum = i * j;
                    document.write(i + "*" + j + "=" + sum + "<br/>");
                }
                document.write(text03);
                
                if (i === 3 || i === 6) {
                    document.write(text01);
                }
                i++;
                j = 1;
            }
            document.write(text04);
        </script>
И напишем CSS чтобы немного разукрасить всё это безобразие
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
 <style>
            table, td {
                border: 1px solid #5ea26b;
            }

            td {
                margin: 10px 15px;
                padding: 5px 10px;
            }
        </style>
Должен получиться такой результат

Если вам понравилась/принесла пользу эта запись, то сказать "СПАСИБО" очень просто - поделитесь записью в социальных сетях при помощи кнопочек ниже. Вам несложно, а мне приятно!

Комментариев нет :

Отправить комментарий