How to insert a large block of HTML in JavaScript?

Question

If I have a block of HTML with many tags, how do insert it in JavaScript?

var div = document.createElement(\'div\');
div.setAttribute(\'class\', \'post block         


        

Answer 1

The easiest way to insert html blocks is to use template strings (backticks). It will also allow you to insert dynamic content via ${...}:

document.getElementById("log-menu").innerHTML = `
             
               ${data.user.email}
            
            

                

                    Logged in as:
                    
${data.user.email}
                
                Sign out
            
    `