---
id: 587d7fa8367417b2b2512bc9
title: Update the Height of an Element Dynamically
challengeType: 6
forumTopicId: 301493
localeTitle: Обновление высоты элемента динамически
---
## Description
Предыдущие проблемы касались того, как отображать данные из массива и как добавлять классы CSS. Вы можете объединить эти уроки, чтобы создать простую гистограмму. Для этого есть два шага: 1) Создайте div
для каждой точки данных в массиве. 2) Дайте каждому div
динамическую высоту, используя функцию обратного вызова в методе style()
которая устанавливает высоту, равную значению данных. Назовите формат задайте стиль с помощью функции обратного вызова: selection.style("cssProperty", (d) => d)
## Instructions
Добавьте метод style()
в код в редакторе, чтобы установить свойство height
для каждого элемента. Используйте функцию обратного вызова, чтобы вернуть значение точки данных с добавленной к ней строкой «px».
## Tests
```yml
tests:
- text: The first div
should have a height
of 12 pixels.
testString: assert($('div').eq(0).css('height') == '12px');
- text: The second div
should have a height
of 31 pixels.
testString: assert($('div').eq(1).css('height') == '31px');
- text: The third div
should have a height
of 22 pixels.
testString: assert($('div').eq(2).css('height') == '22px');
- text: The fourth div
should have a height
of 17 pixels.
testString: assert($('div').eq(3).css('height') == '17px');
- text: The fifth div
should have a height
of 25 pixels.
testString: assert($('div').eq(4).css('height') == '25px');
- text: The sixth div
should have a height
of 18 pixels.
testString: assert($('div').eq(5).css('height') == '18px');
- text: The seventh div
should have a height
of 29 pixels.
testString: assert($('div').eq(6).css('height') == '29px');
- text: The eighth div
should have a height
of 14 pixels.
testString: assert($('div').eq(7).css('height') == '14px');
- text: The ninth div
should have a height
of 9 pixels.
testString: assert($('div').eq(8).css('height') == '9px');
```
## Challenge Seed
## Solution
```html
// solution required
```