Конкатенация с пробелом (часть 2)

@Борис Ф · Регистрация: 05.04.2019

Студворк — интернет-сервис помощи студентам

Добрый вечер, господа!
Опять возник вопрос по конкатенации. Задачка на построение геометрических фигур (6 х 5 звезд) с помощью вложенных циклов. Вроде бы ничего сложного, а может я чего не понимаю.
Необходимо построить фигуру типа (вместо нулей пробелы, если поставлю пробелы, фигура схлопнется):
******
*0000*
*0000*
*0000*
******
Как я для себя эту задачу прочитал:
- верхняя и нижняя строка - 6 символов "*";
- средние три - звезды про бокам, а в центре четыре пробела (или иных четыре пустых символа).
Написал следующий код:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
<!DOCTYPE html>
<html lang="en" dir="ltr">
 
<head>
  <meta charset="utf-8">
  <link rel="stylesheet" href="style.css">
  <script src="script.js" defer></script>
  <title>Упражнение из учебника</title>
</head>
<body>
  <div>Упражнение 8
    <h3 id="out-8"></h3>
  </div>

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
let out8 = document.getElementById("out-8");
for (let i = 0; i < 5; i++) {
    if (i % 4 == 0) {//кратно 4 (5-й индекс),
        //должен срабатывать на 0 и на 5
        for (let k = 0; k < 6; k++) {
            out8.innerHTML += '*';
        }
    } else {
        for (let k = 0; k < 6; k++) {
            if (k % 5 == 0) {//кратно 5 (6-й инденкс), должен срабатывать на 0 и на 6
                out8.innerHTML += '*';
            } else {
                out8.innerHTML += ' ';//'&nbsp'//в качестве пробела указал alt+255
            }
        }
    }
    out8.innerHTML += '<br>';
}

Данный код выводит выводит фигуру типа (вместо нулей пробелы):
******
*000*
*000*
*000*
******
Причем по количеству знаков все верно. Три промежуточных строки имеют по центру 4 пробела (количество знаков в каждой строке по 6 знаков). Собственно подогнать фигуру, просто увеличив количество знаков пробела и индекс крайней позиции не проблема. Однако, меня гложут сомнения в рациональности подгона (имел ли ввиду автор задачи такую подгонку или я просто не верно подошел к ее решению).
На всякий случай ссылочка:
https://codepen.io/fesenkobv/pen/MWYpJRJ

@j2FunOnly · 20.12.2019, 08:47

Вам уже посоветовали для этих целей использовать тег <pre>, но вы продолжаете есть кактус

HTML5
1
2
3
  <div>Упражнение 8
    <pre id="out-8"></pre>
  </div>

https://codepen.io/j2FunOnly/pen/ExaWbPg

@Борис Ф · 20.12.2019, 10:49 **[ТС]**

Спасибо!
Исходил из объема пройденного материала. Такого пока не было. Изучу.

Новые блоги и статьи Все статьи Все блоги /
Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .	Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .	Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .
Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .

@Борис Ф 0 / 0 / 0 Регистрация: 05.04.2019 Сообщений: 54
	20.12.2019, 10:49 [ТС]
	Спасибо! Исходил из объема пройденного материала. Такого пока не было. Изучу. 0