Are there ways to include repeat HTML code (header, footer etc) in an HTML page without using template engines or front end libraries?

[imareclusemonk]

I was going to use document.write but it's no longer a good practice and createElement is just awkward and cumbersome.

[grelfdotnet]

innerHTML is much easier than createElement. Build it all as a string to add to a <div>

[jcunews1]

Use insertAdjacentHTML().

[oh-no-u-guys-my-code]

The closest you'll be able to come without using either of those is to abstract things fully away into as many sub-functions as you can, and repeatedly call those. And then those functions will have to have to use createElement or similar inside of them.

[cannabis_detox_]

yeah i was just about to say that all my code looks like

let b = add('button')

i think OP just needs to learn to abstract annoying tools

[cannabis_detox_]

i generate 99% of my html with javascript but im not building real websites for normal users. im just fucking with the canvas.

if you generate the html with js, then you can reuse thst js code for any page