declarativehtml v1.0.1

DeclarativeHTML

A more declarative syntax for creating HTML elements.

Usage (TypeScript):

//IMPORT
import Element from "declarativehtml";

//MAIN
let my_div = new Element({
    tagname: "div", //required

    id: "my_div",
    className: "div my_div my_other_classname",
    attributes: [
        ["my_attribute", "my_value"],
        ["my_attribute_2", "my_value"],
    ],

    innerText: "My Div",
    innerHTML: "<b>My Div</b>",

    properties(element: HTMLElement) {
        element.onclick = () => console.log("clicked");
    }

    children: [
        new Element(/*...*/),
        new Element(/*...*/),
        //etc
    ],
})

document.body.append(my_div as HTMLElement)