# iuai
- [What is it?](#what-is-it)
- [Installation](#installation)
- [Usage example](#usage-example)
- [Reference](#reference)
# What is it?
A really small set of utilities to write `HTML` and `CSS` using only pure javascript.
### But how?
It uses browser native APIs under the hood and get type checking and suggestions thanks to [`typescript`](https://github.com/microsoft/TypeScript/blob/main/src/lib/dom.generated.d.ts).
# Installation
In a browser:
```html
```
```html
```
Using npm:
```sh
$ npm install iuai
```
```javascript
require("iuai");
const { elem, style } = iuai;
```
```javascript
import "iuai";
const { elem, style } = iuai;
```
# Usage example
The code below...
```html
Hello World!
you clicked 0 times.
```
... can be rewritten like this:
```html
```
# Reference
### `elem()`
It abstracts the [`Document.createElement`](https://developer.mozilla.org/en-US/docs/Web/API/Document/createElement), [`Element.setAttribute`](https://developer.mozilla.org/en-US/docs/Web/API/Element/setAttribute) and [`Element.append`](https://developer.mozilla.org/en-US/docs/Web/API/Element/append) methods. It returns the element created.
Signature:
```typescript
function elem(
tag: T,
attributes: Partial,
children: Array
): HTMLElementTagNameMap[T];
```
### `style()`
It creates and returns a global [CSSRule](https://developer.mozilla.org/en-US/docs/Web/API/CSSRule) and abstracts the [`CSSStyleDeclaration.setProperty`](https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleDeclaration/setProperty).
Signature:
```typescript
function style(
selector: string,
properties: Partial
): CSSStyleRule;
```