Все, что я помещаю после тега сценария, соответствует тегу сценария в html/js. ⇐ Html

[Гость]

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

мой файл HTML и JS

let url = "https://delta-website.vercel.app/api/in ... t-products"; пусть carsItems = []; получить (URL-адрес) .then((ответ) => { вернуть ответ.json(); }) .then((данные) => { пусть a1 = данные; [a1] = Object.values(a1); for (пусть a в a1) { let div1 = document.createElement("div"); пусть b = a1[a]["id"]; div1.id = б; div1.innerHTML += a1[a]["модель"]; div1.innerHTML += "
Базовая цена: " + a1[a]["basePrice"]; div1.innerHTML += "
ОЗУ: "; let radio1 = document.createElement("input"); radio1.name = b + "1"; радио1.id = 1; radio1.type = "радио"; let label1 = document.createElement("label"); радио1.значение = 0; label1.appendChild(радио1); label1.innerHTML += a1[a]["RAM"][0]["size"] + " : " + a1[a]["RAM"][0]["price"] + "
"; div1.appendChild(label1); let radio2 = document.createElement("input"); radio2.name = b + "1"; радио2.ид = 2; radio2.type = "радио"; let label2 = document.createElement("label"); радио2.значение = 1; label2.appendChild(радио2); label2.innerHTML += a1[a]["RAM"][1]["size"] + " : " + a1[a]["RAM"][1]["price"] + "
"; div1.appendChild(label2); div1.innerHTML += "
Память: "; радио1 = document.createElement("вход"); радио1.id = 3; радио1.имя = б; radio1.type = "радио"; let label3 = document.createElement("label"); радио1.значение = 0; label3.appendChild(радио1); label3.innerHTML += a1[a]["хранилище"][0]["тип"] + " " + a1[a]["хранилище"][0]["размер"] + " : " + a1[a]["хранилище"][0]["цена"] + "
"; div1.appendChild(label3); радио1 = document.createElement("вход"); радио1.имя = б; радио1.id = 4; radio1.type = "радио"; let label4 = document.createElement("label"); радио1.значение = 1; label4.appendChild(радио1); label4.innerHTML += a1[a]["хранилище"][1]["тип"] + " " + a1[a]["хранилище"][1]["размер"] + " : " + a1[a]["хранилище"][1]["цена"] + "
"; div1.appendChild(label4); let button = document.createElement("кнопка"); button.innerHTML = "добавить в корзину"; кнопка.id = б; button.onclick = функция() { // Добавляем выбранный товар в корзину пусть selectedItem = { модель: a1[a]["модель"], basePrice: a1[a]["basePrice"], selectedRAM: div1.querySelector("input[name='" + b + "1']:checked").value, selectedStorage: div1.querySelector("input[name='" + b + "']:checked").value, }; carsItems.push(selectedItem); // Обновляем отображение корзины покупок updateCartDisplay(); }; div1.appendChild (кнопка); document.body.appendChild(div1);; } }); функция updateCartDisplay() { let carsList = document.getElementById("cart-items"); cartList.innerHTML = ""; // Очистка текущего отображения корзины // Перебираем элементы корзины и отображаем их for (пусть элемент carsItems) { let li = document.createElement("li"); li.innerHTML = `${item.model} - Базовая цена: $${item.basePrice}, ` + `Выбранная ОЗУ: ${item.selectedRAM}, Выбранная память: ${item.selectedStorage}`; cartList.appendChild(ли); } Внешний интерфейс дельта-проекта дел { отображение: встроенный блок; поле слева: 40 пикселей; } Продукты: Товары корзины

изображение Я пытался переместить тег сценария туда и сюда, но ничего не получилось. Я хочу, чтобы товары в корзине отображались после отображения продуктов, и это сводит меня с ума пожалуйста, ХЕЕЛЛЛЛП