Как правильно написать код JS в Pug?

Question

[ma4t]

.block
                - for (var x = 0; x < 13; x++)
                if x = 0
                    span Вася
                        .bottom-line
                else if x = 6
                    span Петя
                        .bottom-line
                else if x = 11
                    span Юра
                        .bottom-line
                else
                      span

Это код в Pug, который не срабатывает
Привет пытаюсь сделать цикл , который выводит span, у родителя flex и space-between
Мне нужно чтобы 1-й , средний и последний блоки при выводе блоков получали текст, а остальные выводились без текста , что пишу не так?

Answer 1

[ⓒⓢⓢ]

https://codepen.io/anon/pen/wOKWra

Comments

[ma4t]

спасибо, структура была похожа по идеи, но почему же тот вариант не работал 0_0

[ⓒⓢⓢ]

ma4t, рядом в ответе человек написал в upd пример по вашей структуре, тоже будет работать

Answer 2

[Владимир Проскурин]

Не помню, как можно использовать js цикл for в Pug (а проверить не могу, т.к. pug online не работает), но я обычно использую встроенные циклы pug, например

.block
    each _, x in Array(13)
        if x == 0
            span Вася
                .bottom-line
        else if x == 6
            span Петя
                .bottom-line
        else if x == 12
            span Юра
                .bottom-line
        else
              span

UPD: а, во, у вас ошибка в отступе, после for все тело цикла должно быть правее. Также, последний индекс не равен 11, он равен 12

- for (var x=0; x<13; x++)
  if x == 0
      span Вася
          .bottom-line
  else if x == 6
      span Петя
          .bottom-line
  else if x == 12
      span Юра
          .bottom-line
  else
        span