The model parameter makes the input in sync with any variable.
{/* You can add value to the dom that will update in the same
* occasions as the model */}
Name: {data.name}
Age: {data.age}
You can also add them directly in the element that they will update either using effect or manually using the "element.$update()".
// The $parent function will append an element to another element, in this case the body
app.$parent(document.body)
```
## Editing the element after its creation and an alternative to state
you can edit every object after its creation, and instead of using state you can manually update the elements
[Web page with this interactive example](https://thiago099.github.io/jsx-dom-builder-random-color-example/)
[Full source code](https://github.com/Thiago099/jsx-dom-builder-random-color-example)
```js
import './style.css'
function generate_random_colors()
{
var random_number = Math.floor(Math.random()*16777215);
var random_color = '#' + random_number.toString(16)
var inverse = '#' + (16777215-random_number).toString(16)
return [random_color, inverse]
}
const [random_color,inverse] = generate_random_colors()
var foreground = random_color
var background = inverse
generate_random_colors()
const app =
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.
Quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
```
the functions you can call for each element
```js
my_element
// adds a class to a element
.$class("my-class")
// If the value is an expression, the class will be replaced by the current value every time the element updates
.$class(my_var)
// Appends the element to a parent that can be either a dom element or a jsx-dom-builderjsx-dam-builder element
.$parent(element2)
// Listens to a event (calls the element. addEventListener)
.$on("click",e=>{
console.log("element1 was clicked")
})
// Add children to an element that can be either a dom element, jsx-dom-builder element, string, object, or an array of either of them combined
.$child(