3 EASY Ways To Generate HTML with JavaScript for Beginners

[@rishiktiwari]

It feels so good to see a KZbinr not using shit load of JS frameworks/library to get the simplest task done. Thank you for keeping it simple and concise 🙏🏻.

[@Tazzquilizer]

Totally agree. it's crazy how many people are loading 150kb of react, just to do the same that template literals can do.

[@rishiktiwari]

@@Tazzquilizer Exactly, I built enterprise grade realtime app with nothing but vanilla js! Few things take longer but the performance gains and peace of mind is unmatched!

[@Syffx.]

Its always so annoying looking up a tutorial and seeing a bunch of functions I can't use when I literally just want to change the color of text

[@simonadouglas]

A clear, concise explanation. However, have you really used a to create a numbered list? Would an not have been more suitable?

[@theleeclan00]

Clear and clean explanation, one of the best tutorials out there

[@dcode-software]

Glad you liked it!!

[@nateward7120]

Really helpful. I’ve been struggling for a couple of days, and this pointed me in the right direction.

[@jeenitprajapati3449]

Wow!! Excellent!! Excellent💯👍👏

[@dcode-software]

😀👀

[@aliqureshi3974]

Exactly what i was looking for. Thank you so much you helped alot for my project a blog website.

[@dcode-software]

Nice one 😎

[@unyimejacob7408]

You are a good teacher, thanks a lot.

[@OlebogengRasebitse]

Your explanation was very clear and easy to follow. Thanks!

[@seangrogan3622]

super clear and useful, thanks

[@suvrotica]

Marvelous content ❤

[@nahlayasmine924]

I’m so impressed with your teaching skills,thank you 🙂

[@erichrick5817]

You did well on this video. Really well done.

[@itis9555]

thanks for this great tutorial! i learned so much.

[@jamblob3208]

how is there a ul displaying numbered list hey? A bit of a fixup.

[@retagif]

Save my day! I´ve been struggling with these concepts, thank you very much! But what about inserting images with the img tag?.......

[@djordjek3916]

Of course you can. You can insert div and divs, p, headings, imgs, etc., inside the main div. You can also add classes and animations to all elements in the div but you have to style them in CSS first. The way I am referring to is insertAdjacentHTML(). I did that in my last project. Just take a block of code from HTML and then put it inside backticks in JavaScript, add all classes (if they are not already added in HTML) and inject it. Just like that. Easy. 😊 Try playing with it in Codepen.

[@DarylMalibiran]

@dcode I haven't tried yet but some people are using return . Do you have a video for this?

[@Ckk2024]

Owesome! Thanks very much!!

[@sbasalan]

Thank you for this valuable tutorial, Dom.

[@sta8hs13]

Liked and subed. I like you. You must be a great teacher, cu around!

[@sergioernestotostadosanche5700]

Sublime explanation, clear & sample, also you motivate us to do it ourselves. Congratulations bro!

[@saqlain5275]

Thanks. you saved my day.

[@faiezwaseem2047]

Nice info! 👍

[@strategistaow3520]

Can you make larger progect

[@lol-eq8os]

love you

[@ban_droid]

I just thinking about what you mean by "create html dynamically with javascript" is creating html file and open the html file with some kind of web server to open html pages using javascript 😂

[@amircahyadi9219]

❤️❤️👍

[@Dr.smileclinic]

Wow

[@suelingsusu1339]

🙏🙏🙏🙏🙏🙏🙏🖖🖖🖖🖖🖖🖖🖖🖖

[@randalfjohn9848]

Very long process and code with this method

[@rishiktiwari]

Well it is more of a necessity now days as things are moving to SPAs and when the app logic is on client side instead of server side. A more efficient way would be to use document fragment to dynamically generate HTML.