Мне кажется я там все перепробывал что знал 🤷🏻‍♂️

прочитай про инлайн стили, еще раз посмотри, как ты src задаешь и картинка должна сложиться

@Nickermen  а те которые у меня закомменчены ниже, они работают. Правда там через аппенд чайлд делал.

Инлаин это те которые прямо в хтмл пишутся если я еще не совсем туплю к вечеру 😅 Если я пропишу их в insertAdjacentHTML это не будет очень "тупо"? Я и так уже массив объектов перебрал через for of 👀

ты же разобраться пытаешься, так что тут нет ничего тупого
вот тебе пример:

const gallery = document.getElementById('gallery')
for (const image of images) {
 gallery.insertAdjacentHTML('afterbegin', `<li><img style="width: ${image.width}px;" src=${image.src}></li>`)
}

@Nickermen ну да, ширину закидывал таким образом. А если мне нужно несколько css свойств, чисто в теории я ведь могу прописать их все в каую-то одну переменную и потом ее(одну) инлаин вставить?

Всем привет, делаю возможность переключение темы на сайте вот собственно решение мое
https://codepen.io/quary/pen/ZEBeagg

при клике на кнопку  light или dark добавляется класс active и класс theme_light  в footer и header светлой теме,  а с черной просто эти классы удаляю.Сейчас пытаюсь добавить это в localstorage но не совсем понимаю как это сделать

попробовал сделать новый обьект и добавлять полностью html в свойства с уже существующим классами но не знаю правильная ли у меня мысль или нет
let storage = {
         light:e.target.outerHTML,
         btn1 : btnArr[0].outerHTML,
         btn2 : btnArr[1].outerHTML,
       };
       
       localStorage.setItem('theme_light', JSON.stringify(storage))
       console.log(JSON.parse(localStorage.getItem('theme_light')));

направьте меня как все таки можно добавить это в localstorage:))

лучше создать объект со стилями и создать какую-то функцию хелпер,
которая будет преобразовывать объект в строку.
что-то наподобие этого:

<li><img style="${getStyles(image.styles)}" src=${image.src}></li>

@Nickermen благодарю, буду пробовать.

спасибо)

Всем привет.
Как я могу переписать этот кусок кода?
Я пытался через reduce посчитать, но как-то тщетно.
И, не могу понять что делает everyCash.

пасип.
А что делает everyCash?

Это масив

А

Если про это Array.prototype.slice.call(arguments), то копирует все аргументы в массив. Можешь так написать
const everyCash = [...arguments];
Но у тебя в функции только индекс 1 используется, поэтому можно просто написать

function calc(own = 0, everyCash) {
  return everyCash.reduce(...)
}

Не заметил)

function calc(own = 0, everyCash) {
  return everyCash.reduce(...)
}

пасип, допер

Добрый день! Есть ли разница в объединении спредом массивов и объектов?
Например:

const arr1 = ['E_01','Jack',32]
const arr2 = ['Software Dev','Paris']
const mergedArr = [...arr1,...arr2]
// здесь вроде O(n) в нашем случае 5 итераций
const emp = {
 'id': 'E_01',
 'name': 'Jack',
 'age': 32,
 'addr': 'India'
};

const job = {
 'title': 'Software Dev',
  'location': 'Paris'
};
const mergedObjects = {...emp, ...job};
// ???

Не знаю понятно ли я сформулирую, надеюсь что да. Короче, есть разные контейнеры с радио-кнопками, надо  чтоб в каждом отдельном можно было добавить активный класс выбранному элементу, убирая его у сиблингов. но чтоб это не влияло на другие контейнеры., и чтоб в каждом можно(нужно) было выбрать один из вариантов, не убирая активный класс у выбранного в другом контейнере. у контейнеров есть уникальные классы, но можно ли как-то грамотно динамически прописать это правило "мультиселекта"? то есть "мультирадио" в моем случае. или цепляться к родительскому классу каждого контейнера? в пределах одного контейнера все изи, код такой, как грамотно распространить его с другими? parent find siblings? jQuery('.attr-container label').click(function() {
 jQuery('.attr-container label').removeClass('attr-selected');
 jQuery(this).addClass('attr-selected');
});

you utbe