Челендж: Рендеринг Елемента
Примітка
За замовчуванням усі челенджи можуть виглядати зломаними, оскільки вони містять пропуски, в які потрібно ввести необхідний код. Після того, як ви правильно заповните ці пропуски, заповнений код буде відображено на живій сторінці.
Кожен челендж також має дві кнопки:
Hint
таSolution
. При їхньому натисканні відкриється підказка до завдання або нова вкладка із вирішеним завданням і робочим проектом.
Як працювати з Code Sandbox
Завдання: Створення картки товару
Створіть картку товару і відрендерите її в DOM. Картка товару потребує:
- Зображення товару (елемент
img
).- Атрибут
src
повинен дорівнювати зміннійimageUrl
. - Атрибут
alt
повинен дорівнювати рядкуComputer
. - Атрибут
width
повинен дорівнювати значенню256
.
- Атрибут
- Назва товару (елемент
h3
).- Його текстовий вміст повинен бути
Computer
.
- Його текстовий вміст повинен бути
- Ціна товару (елемент
span
).- Його текстовий вміст повинен бути
Price: $129.99
.
- Його текстовий вміст повинен бути
- Опис товару (елемент
p
).- Його текстовий вміст повинен бути
New Model
.
- Його текстовий вміст повинен бути
- The
src
attribute must contain theimageUrl
variable as a value. Use curly braces{}
. - The
alt
attribute must contain the string"Computer"
as a value. Enclose it in double quotes. - The
width
attribute must contain the number256
as a value. Use curly braces{}
. - Ensure that the
h3
,span
, andp
elements have correct values.
Дякуємо за ваш відгук!
Запитати АІ
Запитати АІ
Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат
Awesome!
Completion rate improved to 2.17
Челендж: Рендеринг Елемента
Свайпніть щоб показати меню
Примітка
За замовчуванням усі челенджи можуть виглядати зломаними, оскільки вони містять пропуски, в які потрібно ввести необхідний код. Після того, як ви правильно заповните ці пропуски, заповнений код буде відображено на живій сторінці.
Кожен челендж також має дві кнопки:
Hint
таSolution
. При їхньому натисканні відкриється підказка до завдання або нова вкладка із вирішеним завданням і робочим проектом.
Як працювати з Code Sandbox
Завдання: Створення картки товару
Створіть картку товару і відрендерите її в DOM. Картка товару потребує:
- Зображення товару (елемент
img
).- Атрибут
src
повинен дорівнювати зміннійimageUrl
. - Атрибут
alt
повинен дорівнювати рядкуComputer
. - Атрибут
width
повинен дорівнювати значенню256
.
- Атрибут
- Назва товару (елемент
h3
).- Його текстовий вміст повинен бути
Computer
.
- Його текстовий вміст повинен бути
- Ціна товару (елемент
span
).- Його текстовий вміст повинен бути
Price: $129.99
.
- Його текстовий вміст повинен бути
- Опис товару (елемент
p
).- Його текстовий вміст повинен бути
New Model
.
- Його текстовий вміст повинен бути
- The
src
attribute must contain theimageUrl
variable as a value. Use curly braces{}
. - The
alt
attribute must contain the string"Computer"
as a value. Enclose it in double quotes. - The
width
attribute must contain the number256
as a value. Use curly braces{}
. - Ensure that the
h3
,span
, andp
elements have correct values.
Дякуємо за ваш відгук!