Include js helper function in README
This commit is contained in:
parent
57e5e68270
commit
b377ee2936
2 changed files with 37 additions and 0 deletions
33
README.md
33
README.md
|
|
@ -29,6 +29,39 @@ let page: String = html((
|
|||
.unwrap();
|
||||
```
|
||||
|
||||
## But what about that small helper function?
|
||||
|
||||
Here it is in full, for posteriority:
|
||||
|
||||
```js
|
||||
function el(name, attributes, ...children) {
|
||||
const element = document.createElement(name);
|
||||
for (const [name, value] of Object.entries(attributes))
|
||||
element.setAttribute(name, value);
|
||||
element.append(...children);
|
||||
return element;
|
||||
}
|
||||
```
|
||||
|
||||
Use it like so:
|
||||
|
||||
```js
|
||||
const page = el("html", {},
|
||||
el("head", {},
|
||||
el("meta", { charset: "utf-8" }),
|
||||
el("meta", {
|
||||
name: "viewport",
|
||||
content: "width=device-width, initial-scale=1",
|
||||
}),
|
||||
el("title", {}, "Example page")
|
||||
),
|
||||
el("body", {},
|
||||
el("h1", { id: "heading" }, "Example page"),
|
||||
el("p", {}, "This is an example for a ", el("em", {}, "simple"), " web page."),
|
||||
),
|
||||
);
|
||||
```
|
||||
|
||||
## License
|
||||
|
||||
This entire project is dual-licensed under the [Apache 2.0] and [MIT] licenses.
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue