подскажите как разобраться с логикой

@FreeYourMind · Регистрация: 13.11.2016

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

Добрый день, товарищи, помогите разобраться с логикой - есть объект в нем 3 параметра и в зависимости от наличия этих 3 параметров необходимо добавить блоки в ДОМ

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
const stops = {straight: false, lc1: false, lc2: false};
var changeBlock = document.createElement('div');
    change.innerHTML = '';
    if (stops.straight){
      changeBlock.innerHTML = `
      <input type="checkbox" id="straight" value="0" checked>
      <label for="straight"> прямой</label>
      `;
      change.appendChild(changeBlock);
    }
    if (stops.lc1){
      changeBlock.innerHTML = `
      <input type="checkbox" id="lC-1" value="1" checked>
      <label for="lC-1"> 1 пересадка</label>
      `;
      change.appendChild(changeBlock);
    }
    if (stops.lc2){
      changeBlock.innerHTML = `
      <input type="checkbox" id="lC-2" value="2" checked> 
      <label for="lC-2"> 2 пересадки и более</label>
      `;
      change.appendChild(changeBlock);
    }

но добавление происходит только последднего элемента..

@shvyrevvg · 21.11.2019, 14:10

Сообщение от FreeYourMind

но добавление происходит только последднего элемента..

FreeYourMind, каждое присвоение innerHTML перезаписывает предыдущее, поэтому и остается только последнее.

Добавлено через 2 минуты
Посмотрите insertAdjacentHTML().

@FreeYourMind · 21.11.2019, 14:17 **[ТС]**

Сообщение от shvyrevvg

перезаписывает предыдущее

это понятно, но ведь в каждом условии происходит (не происходит) добавление этого блока к целевому. т.е ИФ создали блок -> добавили... ИФ перезаписали значение -> добавили.. по логике должно получиться если все условия выполнены то в целевом блоке 3 подблока, если только 2 условия то 2 и т.д.

@shvyrevvg · 21.11.2019, 14:21

FreeYourMind, так changeBlock то один

@FreeYourMind · 21.11.2019, 14:23 **[ТС]**

shvyrevvg, ну да =) это сделано что бы не городить лишние блоки ) в плане что бы перед перезаписью он уже добавлялся сразу куда надо, а затем перезаписывался =) в любом случае insertAdjacentHTML() помогло =) спасибо

@shvyrevvg · 21.11.2019, 14:34

FreeYourMind, все из-за того что Вы добавляете и меняете один и тот же объект)

@FreeYourMind · 21.11.2019, 14:36 **[ТС]**

shvyrevvg, вот с этим и хотелось разобраться =) ну да ладно ) главное что работает сейчас =)

@shvyrevvg · 21.11.2019, 14:41

Сообщение от FreeYourMind

shvyrevvg, вот с этим и хотелось разобраться =)

FreeYourMind, в dom нельзя вставить один и тот же объект несколько раз, он будет удаляться из прежнего места и вставляться в новое!

@FreeYourMind · 21.11.2019, 15:03 **[ТС]**

shvyrevvg, вот теперь стало понятно

Новые блоги и статьи Все статьи Все блоги /
Изучаю kubernetes lagorue 13.01.2026 А пригодятся-ли мне знания kubernetes в России?	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .	Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .
Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .	Модель микоризы: классовый агентный подход 3 anaschu 06.01.2026 aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114	Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ФедосеевПавел 06.01.2026 Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .	Модель микоризы: классовый агентный подход 2 anaschu 06.01.2026 репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .

@shvyrevvg 1786 / 1036 / 445 Регистрация: 12.05.2016 Сообщений: 2,550
	21.11.2019, 14:21
	FreeYourMind, так changeBlock то один 0

@FreeYourMind 147 / 147 / 104 Регистрация: 13.11.2016 Сообщений: 557
	21.11.2019, 14:23 [ТС]
	shvyrevvg, ну да =) это сделано что бы не городить лишние блоки ) в плане что бы перед перезаписью он уже добавлялся сразу куда надо, а затем перезаписывался =) в любом случае insertAdjacentHTML() помогло =) спасибо 0

@shvyrevvg 1786 / 1036 / 445 Регистрация: 12.05.2016 Сообщений: 2,550
	21.11.2019, 14:34
	FreeYourMind, все из-за того что Вы добавляете и меняете один и тот же объект) 0

@FreeYourMind 147 / 147 / 104 Регистрация: 13.11.2016 Сообщений: 557
	21.11.2019, 14:36 [ТС]
	shvyrevvg, вот с этим и хотелось разобраться =) ну да ладно ) главное что работает сейчас =) 0

@FreeYourMind 147 / 147 / 104 Регистрация: 13.11.2016 Сообщений: 557
	21.11.2019, 15:03 [ТС]
	shvyrevvg, вот теперь стало понятно 0

подскажите как разобраться с логикой

Решение