How to load an html inside main index html on button click

Question

Use case:

I have designed a sidbar navigation using HTML and CSS\\Js as shown below. lets name this index.html

I

Answer 1

You can use this on click a tag.

function load(file) {

     document.getElementById("content").innerHTML='';
}

If you use jquery change to $("#content").load("flex.html");

Update:

If you try to open html file in local, you need setup security for browser allow enable CORS. Disable same origin policy in Chrome

You should use a web server to open file. I host sample in free host. It worked

https://viethien.000webhostapp.com

function load(file) {
     
     document.getElementById("content").innerHTML='';
}

                Dashboard
                    
                
                

                    

                        Live Execution
                            
                        
                    
                    

                        Error Analysis
                            
                        
                    
                    

                        Rerun failed Tc