bzotsss

Как минимум вы делаете не радио кнопки, а чек боксы, что в вашем вариант как по мне было бы проще

const str = "смартфон apple iphone 11 256gb dual sim yellow (mwnj2)"
const input = 'смартфон'
str.includes(input) //true

Все просто же?

<div class="parentDiv">
  <div class="firstChild">
    <img class="img">
  </div>
  <div class="secondChild"></div>
</div>

const firstChild = document.querySelector('img').closest('.firstChild');

console.log(firstChild);
console.log(firstChild.nextElementSibling);

const div = document.createElement('div');
const b = document.createElement('b');
b.textContent = 'привет!';
div.appendChild(b);
/*
обратите внимание, сперва собираем всю начинку в div, и только потом вставляем в документ
наоборот тоже сработает, но при вставке может произойти перерисовка страницы,
и когда вставок много вы рискуете получить тормоза.
*/
document.body.appendChild(div);

// второй способ
const text = Еще привет!;
const htmlStr = `<div><b>${text}</b><div>`;
document.body.insertAdjacentHTML('beforeend', htmlStr);

Если фрагменты кода большие, то второй способ производительнее.

const ingredients = arr.slice(0, arr.length / 2);
const measures = arr.slice(arr.length / 2);

const result = ingradients.map((ing, i) => ({ ...ing, ...measures[i] }));

const newArr = Array.from(
  { length: arr.length / 2 },
  (n, i) => ({ ...arr[i], ...arr[i + arr.length / 2] })
);

Но всегда ли количество ключей будет равно двум? - лучше посчитаем самостоятельно, сколько их там:

const numKeys = new Set(arr.flatMap(Object.keys)).size;

const newArr = arr.reduce((acc, n, i, a) => (
  Object.assign(acc[i % (a.length / numKeys)] ??= {}, n),
  acc
), []);

// или

const numKeys = Object.keys(Object.assign({}, ...arr)).length;
const numObjs = arr.length / numKeys;

const newArr = Array.from(
  { length: numObjs },
  (n, i) => Object.assign({}, ...Array.from(
    { length: numKeys },
    (m, j) => arr[j * numObjs + i]
  ))
);

Или можно считать какой ключ сколько раз встретился, и добавлять свойство соответствующему элементу собираемого массива:

const newArr = arr.reduce((acc, n) => {
  const [ [ k, v ] ] = Object.entries(n);
  const i = acc[0][k] = (acc[0][k] ?? -1) + 1;
  (acc[1][i] ??= {})[k] = v;
  return acc;
}, [ {}, [] ])[1];

arr.filter((v) => /^strIngredient\d+$/.test(v));

Ни как. Это разные символы и имеют разный код.

Если вы хотите что бы русская буква менялась по какому-то событию на английскую, то можете воспользоваться методом замены - создайте массив, в котором прописывайте ключ-значение в формате "русская буква": "английская буква". И потом перебором меняйте в тексте. И не забудьте про регистр ;)

Курсы не нужны.

Таких как правило нет.

Почему:
1. писать сложные вещи на нативном js = писать либо костыли(если вы конечно не гуру языка, и знаете паттерны построения сложного приложения), либо думать головой и подключать библиотеку или фреймворк, где 20 умных людей уже предугадали 90% поведенческих факторов.
2. Второе вытекает из первого, как правило это очень дорого в продакшене, и стоимость скорее всего не окупит себя по 2м причинам = выставив дорогую цену(новичок не купит, либо купив сделает рефаунд - т.к не поймет), а профессионал скорее всего не купит - он с этим сталкивается на работе, а курсы предпологают новичков.

Выход: заходить на гитхаб, искать ванильные приложения написанные на js, и по коммитам разбирать историю создания приложения.

el.innerHTML += 'строка', не el.innerHTML = 'строка'

function addData(obj) {
    data.push(obj)
      updateDOM()
  data = [];
}

DOM полностью пересобираешь, а data старый оставляешь; Или дособирай новое или скидывай data

Вот так, только eval обоюдо-острое оружие, потенциально могут быть дыры, поэтому то что туда передаётся должно проходить все возможные проверки.

let operation ='*'
let firstNumber=2;
let secondNumber =2;
let mul= `${firstNumber} ${operation} ${secondNumber}`;
console.log(eval(mul));

! использование eval() очень небезопасно и нежелательно:

let mul = eval(`${firstNumber} ${operation} ${secondNumber}`);

Михаил подсказал ещё хороший вариант с конструктором new Function()

let mul = (new Function('a', 'b', `return a ${operation} b`))(firstNumber, secondNumber);

может так?
input.value = 'значение которое надо вывести в инпуте'

Проблема в том, что у INPUT по стандарту пустой элемент который не может ничего содержать.
Вам нужен input.value

`${valutes.map(element => {
    return `<div value="USD">${element}</div>`
})}`

forEach undefined возвращает.

Вернет и не меньший элемент, и не 17. Вернет отрицательное или положительное число. Это по сути сравнение - если функция вернула отрицательное - то значит a < b и надо a переместить в массиве ниже (на пузырьке проще объяснять).
С таким же успехом вы можете написать что то вроде:
return a>b?1:(a

Вложенная в сорт функция возвращает 17 оно же соответствует return 1. В зависимости о того положительный, отрицательный или же нулевой результат пришел, функция sort меняет позицию элементов массиве.
Как то так можно себе это представить для наглядности:

const sort = (a, b, result) => {
       [a, b] = result > 0 ? [b, a] : [a, b];
}

При всём этом внутри функции sort есть сортировка, будь то сортировка пузырьком