Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Как сделать скрипт таблица умножения с каждым разом уменьшается (https://javascript.ru/forum/dom-window/79494-kak-sdelat-skript-tablica-umnozheniya-s-kazhdym-razom-umenshaetsya.html)

ilyach199012902ilyachu 16.02.2020 12:27

Как сделать скрипт таблица умножения с каждым разом уменьшается
 
Вложений: 1
Помогите пожалуйста сделать скрипт в js как на картинке таблица умножения с каждым разом уменьшается

рони 16.02.2020 13:33

ilyach199012902ilyachu,
:-?
<!DOCTYPE html>
<html>
<head>
    <title>Untitled</title>
    <meta charset="utf-8">
    <style type="text/css">
    td{
        display: flex;
        flex-direction: column;
        justify-content:  flex-end;

    }
    td:before{
        content: attr(data-num);
        font-weight: bold;
        font-size: 1.2em;
        text-align: center;
    }

    span{
        display: table-cell;
        border: 1px solid rgba(0, 0, 0, 1);
        flex: 1 0 1;
        border-radius: 2px;
    }
    tr{
       display: flex;
    }

    </style>


</head>
<body>
<script>
let table = '<table><tr>';
for (let i = 1; i < 10; i++) {
let td = `<td data-num="${i}">`;
for (let k = i; k < 10; k++) {
td += `<span>${i} * ${k} = ${i * k}</span>`
}
table += td
}
document.body.insertAdjacentHTML('afterbegin', table)
</script>
</body>
</html>

ilyach199012902ilyachu 16.02.2020 14:45

Нужно вот так,только что бы начало было. 1*1 1*2 1*3 и т.д


for (var i = 1; i <= 9; i++) {
console.log("таблица умножения на число :" + i)
for (var j = 9; j >= i; j--) {
var figures = i * j;
console.log(i + "*" + j + "=" + figures)
}
}


Часовой пояс GMT +3, время: 11:53.