HOME FORUMS MEMBERS RECENT POSTS LOG IN  
× Авторизация
Имя пользователя:
Пароль:
Нет аккаунта? Регистрация
Баннер 1   Баннер 2
НОВЫЕ ТОРГОВАЯ НОВОСТИ ЧАТ
loading...
Скрыть
Вернуться   ANTICHAT > ПРОГРАММИРОВАНИЕ > Общие вопросы программирования
   
Ответ
 
Опции темы Поиск в этой теме Опции просмотра

  #1  
Старый 21.12.2023, 19:29
Maksimich1337
Новичок
Регистрация: 19.06.2022
Сообщений: 6
С нами: 2054625

Репутация: 3
По умолчанию

Привет всем! Нужна помощь у тех, кто разбирается в проблемах с inner. Выдает ошибку в консоле не знаю что с этим делать

Спасибо за помощь заранее
 
Ответить с цитированием

  #2  
Старый 21.12.2023, 20:54
PaddingtonBaby
Познающий
Регистрация: 06.08.2023
Сообщений: 76
С нами: 1460109

Репутация: 13
По умолчанию

Ошибка гласит о том, что он не находит на странице то, во что ему нужно поместить элементы (то есть отсутствует элемент с ИДЕНТИФИКАТОРОМ (ID) ROOT_PRODUCTS). Ещё важно проконтролировать, чтобы он "увидел" в ДОМ-дереве тот элемент, в который ему нужно помещать код, для этого порыскайте, как можно отложить заполнение формы до момента полной загрузки страницы (addEventListener).

Создайте div какой-нибудь с соответствующим айди и будет счастье.

Ну а пока ищете информацию о том, что сделали не так, можете использовать готовый рабочий код JS:

Products.js:





Код:
class
Products
{
render
(
)
{
let
htmlCatalog
=
''
;
CATALOG
.
forEach
(
(
{ id, name, price, img }
)
=>
{
htmlCatalog
+=
`
                    ${name}
                    
                    ${price}
                    Добавить в корзину
                `
;
}
)
;
const
html
=
`${htmlCatalog}`
;
document
.
addEventListener
(
'DOMContentLoaded'
,
(
)
=>
{
const
ROOT_PRODUCTS
=
document
.
getElementById
(
'ROOT_PRODUCTS'
)
;
if
(
ROOT_PRODUCTS
)
{
ROOT_PRODUCTS
.
innerHTML
=
html
;
}
else
{
console
.
error
(
"Элемент с айди ROOT_PRODUCTS не существует"
)
;
}
}
)
;
}
}
const
productsPage
=
new
Products
(
)
;
productsPage
.
render
(
)
;
 
Ответить с цитированием
Ответ





Здесь присутствуют: 1 (пользователей: 0 , гостей: 1)
 


Быстрый переход




ANTICHAT ™ © 2001- Antichat Kft.