Показать сообщение отдельно
  #3 (permalink)  
Старый 02.04.2023, 17:40
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

таблица умножения
Иван228,
<!DOCTYPE HTML>
<html>

<head>
    <title>
        JAVASCRIPT
    </title>
    <style type="text/css">
        .br {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            border: 10px inset #FFFFFF;
            background-color: #315139;
            padding: 20px;
            width: 500px;
            margin: 0 auto;
        }

        .br>div {
            width: 70px;
            color: white;
        }

        .hr-dashed {
            margin: 20px 0;
            padding: 0;
            height: 0;
            border: none;
            border-top: 2px dashed #ddd;
            width: 100%;
        }

        h1 {
            color: #39563C;
            text-align: center;
        }
    </style>
</head>

<body style="background-color: #BEDBBF;">
    <script>
        let html = "<h1>Таблица умножения</h1>";
        html += "<div class='br'>";
        for (j = 1; j <= 5; j++) {
            html += "<div>";
            for (i = 1; i <= 10; i++) {
                html += j + "*" + i + "=" + (i * j) + "<br>";
            }
            html += "</div>";
        }
        html += "<hr class='hr-dashed'>";
        for (j = 6; j <= 10; j++) {
            html += "<div>";
            for (i = 1; i <= 10; i++) {
                html += j + "*" + i + "=" + (i * j) + "<br>";
            }
            html += "</div>"
        }
        html += "</div>"
        document.write(html)
    </script>
</body>

</html>
Ответить с цитированием