3 EASY Ways To Generate HTML with JavaScript for Beginners

Поділитися
Вставка
  • Опубліковано 29 лис 2024

КОМЕНТАРІ •

  • @rishiktiwari
    @rishiktiwari 3 роки тому +19

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

    • @Tazzquilizer
      @Tazzquilizer Рік тому +2

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

    • @rishiktiwari
      @rishiktiwari Рік тому +1

      @@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.
      @Syffx. 8 місяців тому

      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
    @simonadouglas 3 роки тому

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

  • @theleeclan00
    @theleeclan00 2 роки тому +5

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

  • @nateward7120
    @nateward7120 6 місяців тому

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

  • @olebogengrasebitse3550
    @olebogengrasebitse3550 Рік тому

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

  • @nahlayasmine924
    @nahlayasmine924 2 роки тому

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

  • @aliqureshi3974
    @aliqureshi3974 4 місяці тому

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

  • @unyimejacob7408
    @unyimejacob7408 6 місяців тому

    You are a good teacher, thanks a lot.

  • @seangrogan3622
    @seangrogan3622 2 роки тому +1

    super clear and useful, thanks

  • @itis9555
    @itis9555 Рік тому

    thanks for this great tutorial! i learned so much.

  • @DarylMalibiran
    @DarylMalibiran 3 роки тому

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

  • @jeenitprajapati3449
    @jeenitprajapati3449 3 роки тому +2

    Wow!! Excellent!! Excellent💯👍👏

  • @sbasalan
    @sbasalan 3 роки тому

    Thank you for this valuable tutorial, Dom.

  • @erichrick5817
    @erichrick5817 Рік тому

    You did well on this video. Really well done.

  • @suvrotica
    @suvrotica 10 місяців тому

    Marvelous content ❤

  • @sergioernestotostadosanche5700
    @sergioernestotostadosanche5700 3 роки тому

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

  • @jamblob3208
    @jamblob3208 Рік тому

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

  • @saqlain5275
    @saqlain5275 3 роки тому

    Thanks. you saved my day.

  • @retagif
    @retagif 3 роки тому +1

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

    • @djordjek3916
      @djordjek3916 3 роки тому +1

      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.

  • @Ckk2024
    @Ckk2024 2 роки тому

    Owesome! Thanks very much!!

  • @sta8hs13
    @sta8hs13 2 роки тому

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

  • @faiezwaseem2047
    @faiezwaseem2047 3 роки тому

    Nice info! 👍

  • @strategistaow3520
    @strategistaow3520 11 місяців тому

    Can you make larger progect

  • @lol-eq8os
    @lol-eq8os 2 роки тому

    love you

  • @ban_droid
    @ban_droid 3 роки тому +2

    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 😂

  • @Dr.smileclinic
    @Dr.smileclinic 2 роки тому

    Wow

  • @amircahyadi9219
    @amircahyadi9219 3 роки тому

    ❤️❤️👍

  • @suelingsusu1339
    @suelingsusu1339 2 роки тому

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

  • @randalfjohn9848
    @randalfjohn9848 3 роки тому

    Very long process and code with this method

    • @rishiktiwari
      @rishiktiwari 3 роки тому

      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.