html-in-javascript
v2.1.7
Published
HT.JS is a library for easily creating HTML in JavaScript, for both the backend and the frontend.
Downloads
431
Readme
HT.JS
HT.JS is a library for easily creating HTML in JavaScript, for both the backend and the frontend.
import { html, head, meta, link, title, body, h1, p, a, img, button } from "html-in-javascript"
const page =
html({ lang: "en" },
head(
meta({ charset:"UTF-8" }),
meta({ name:"viewport", content:"width=device-width, initial-scale=1.0" }),
title("Hello World"),
link({ rel:"stylesheet", href:"style.css" })
),
body(
h1("Hello World"),
p("This is a paragraph ",
a({ href:"https://google.com" }, "Google")
),
img({
src: "https://via.placeholder.com/150",
alt: "Placeholder Image"
}),
button({
onClick: "console.log('you clicked me!')"
},
"click me!!"
)
)
)
console.log(page)<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hello World</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Hello World</h1>
<p>This is a paragraph <a href="https://google.com">Google</a></p>
<img src="https://via.placeholder.com/150" alt="Placeholder Image">
<button onClick="console.log('you clicked me!')">click me!!</button>
</body>
</html>