---
id: 587d7fa8367417b2b2512bc9
title: Update the Height of an Element Dynamically
localeTitle: Actualizar la altura de un elemento dinámicamente
required:
- src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
challengeType: 6
---
## Description
Los desafíos anteriores cubrían cómo mostrar datos de una matriz y cómo agregar clases de CSS. Puedes combinar estas lecciones para crear un gráfico de barras simple. Hay dos pasos para esto:
1) Crear un div
para cada punto de datos en la matriz
2) Dar a cada div
una altura dinámica, utilizando una función de devolución de llamada en el método style()
que establece la altura igual al valor de datos
Recuperar el formato para establecer un estilo mediante una función de devolución de llamada:
selection.style("cssProperty", (d) => d)
## Instructions
Agregue el método style()
al código en el editor para establecer la propiedad de height
para cada elemento. Use una función de devolución de llamada para devolver el valor del punto de datos con la cadena "px" agregada.
## Tests
```yml
tests:
- text: El primer div
debe tener una height
de 12 píxeles.
testString: 'assert($("div").eq(0).css("height") == "12px", "The first div
should have a height
of 12 pixels.");'
- text: El segundo div
debe tener una height
de 31 píxeles.
testString: 'assert($("div").eq(1).css("height") == "31px", "The second div
should have a height
of 31 pixels.");'
- text: El tercer div
debe tener una height
de 22 píxeles.
testString: 'assert($("div").eq(2).css("height") == "22px", "The third div
should have a height
of 22 pixels.");'
- text: El cuarto div
debe tener una height
de 17 píxeles.
testString: 'assert($("div").eq(3).css("height") == "17px", "The fourth div
should have a height
of 17 pixels.");'
- text: El quinto div
debe tener una height
de 25 píxeles.
testString: 'assert($("div").eq(4).css("height") == "25px", "The fifth div
should have a height
of 25 pixels.");'
- text: El sexto div
debe tener una height
de 18 píxeles.
testString: 'assert($("div").eq(5).css("height") == "18px", "The sixth div
should have a height
of 18 pixels.");'
- text: El séptimo div
debe tener una height
de 29 píxeles.
testString: 'assert($("div").eq(6).css("height") == "29px", "The seventh div
should have a height
of 29 pixels.");'
- text: El octavo div
debe tener una height
de 14 píxeles.
testString: 'assert($("div").eq(7).css("height") == "14px", "The eighth div
should have a height
of 14 pixels.");'
- text: El noveno div
debe tener una height
de 9 píxeles.
testString: 'assert($("div").eq(8).css("height") == "9px", "The ninth div
should have a height
of 9 pixels.");'
```
## Challenge Seed
## Solution
```js
// solution required
```