Create HTML pages in pure JavaScript!
npm i @olton/htmlof use from CDN:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@olton/html@latest"><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="path-to/html.js"></script>
</head>
<body>
<script>
((() => {
htmljs.extract()
const body = document.querySelector("body")
const root = document.createElement("main")
body.appendChild(root)
root.innerHTML = div(
h1("Header"),
form(
label("Label", {class: "class1"}),
input({type: "text", value:"123", data:{role: "input"}}),
hr(),
div(
button("Ok", {events: {onclick: "alert('Click Button')"}}),
button("Cancel", {type: "button"}),
{class: "actions"}
)
)
)
})())
</script>
</body>
</html>Read about Html.js usage in the Metro UI documentation.
If you like this project, please consider supporting it by:
- Star this repository on GitHub
- Sponsor this project on GitHub Sponsors
- PayPal to
serhii@pimenov.com.ua. - Patreon
- Buy me a coffee
Copyright (c) 2025 by Serhii Pimenov