I'd like to edit my root in CSS by JS with the inputs from HTML, but for sure, it is not working.

I linked them in HTML by link href and script src

```js
var VarRTGCLC = document.getElementById('RTGCLC').value
document.documentElement.style.setProperty("--oneStroke", VarRTGCLC + "px")

//OR

// let root = document.documentElement;
// root.style.setProperty(VarRTGCLC + "px")
```

```css
:root {
  --oneStroke: 2px;
}

.RTGCLC {
  stroke-width: var(--oneStroke) !important;
}
```

```html
<tr>
  <td>kresba plicní</td>
  <td><input id="RTGCLC" name="RTGChestLungCong" value="10" /></td>
</tr>
```