Как отображать алфавиты в порядке убывания с помощью цикла Javascript?CSS

Разбираемся в CSS
Ответить
Anonymous
 Как отображать алфавиты в порядке убывания с помощью цикла Javascript?

Сообщение Anonymous »

После нажатия кнопки вверху должен появиться случайно сгенерированный алфавит, а внизу — таблица алфавитов в порядке возрастания или убывания.
Если индекс верхнего алфавита в массиве Alphabs — четное число, порядок таблицы ниже должен быть возрастающим. Возьмем «f» в качестве примера верхнего алфавита, порядок в таблице должен быть следующим: слева направо: «g» -> «h» -> «i» -> «j» -> «k» - > 'a' -> 'b' -> ...
Если этот индекс представляет собой нечетное число, то порядок таблицы должен быть убывающим. В том же примере, «f» вверху, таблица ниже должна выглядеть следующим образом (опять же слева направо): «e» -> «d» -> «c» -> «b» -> «a» -> 'k' -> 'j' -> ...
Я хотел бы спросить, как изменить мой фрагмент кода цикла for в JS, чтобы добиться такой эффект?

Код: Выделить всё

const alphabets = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k'];
const random = document.getElementById('random');
let display = document.getElementsByClass('display');

function click() {
var num = Math.floor(Math.random() * 11);
random.innerHTML = alphabets[num];

if (num % 2 = 0) {
for (let a = 0; a < 12; a++) {
display[a].innerHTML = alphabets[(a + num) % 12];
}
} else {
for (let a = 0; a < 12; a++) {
for (let b = 0; b > -12; b--) {
display[a].innerHTML = alphabets[(b - num) + 12];
}
}
}
}

Код: Выделить всё

div h1, div h6, div table tr td {
color: black;
}

Код: Выделить всё

Generate!
Random Alphabet: 


Display: 


















Подробнее здесь: https://stackoverflow.com/questions/792 ... cript-loop
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»