--- id: 642def66e6a60432c9a0371e title: Step 4 challengeType: 0 dashedName: step-4 --- # --description-- Set the `className` of the `label` element to `label`, and set the `textContent` to the `name` parameter. # --hints-- You should access the `className` property of the `label` element. ```js assert.match(code, /label\.className/); ``` You should set the `className` property to the string `label`. ```js assert.match(code, /label\.className\s*=\s*('|"|`)label\1/); ``` You should access the `textContent` property of the `label` element. ```js assert.match(code, /label\.textContent/); ``` You should set the `textContent` property to the value of `name`. ```js assert.match(code, /label\.textContent\s*=\s*name/); ``` # --seed-- ## --seed-contents-- ```html Functional Programming Spreadsheet
``` ```css #container { display: grid; grid-template-columns: 50px repeat(10, 200px); grid-template-rows: repeat(11, 30px); } .label { background-color: lightgray; text-align: center; vertical-align: middle; line-height: 30px; } ``` ```js --fcc-editable-region-- window.onload = () => { const container = document.getElementById("container"); const createLabel = (name) => { const label = document.createElement("div"); } } --fcc-editable-region-- ```