如果更改页面，请更改标记<h1>

Question

I have some JavaScript code, and if the homepage or index (e.g. at malaspulang.com) the tag <h1> does not change. But if I change the page (e.g. at malaspulang.com/lifestyle), the tag <h1> will be replaced with <h2>.

This my code:

<div id="header" class="hide"><h1>this my title</h1></div>
<script>
if(window.URL === 'malaspulang.com'){

}else{

 $('#header').empty();
 $('#header').html('<h2>this my title</h2>');
}
</script>

In my homepage site, the tag <h1> should replace with <h2> I think that my code is true, but I am so confused with this code. So if anyone can help me, I will be happy :)

NB: If anyone that's code with PHP, you can tell me :)

Answer 1

Maybe like this :

<div class="hide" id="header">
  <h1>this my title</h1>
</div>
<script>
   $(document).ready(function(){
      console.log(document.URL);//this optional , just display your link at now
      var uri= document.URL;
      if(uri == 'http://malaspulang.com/'){ //use full link from your site
      //do nothing , because logical true
      }else{
          $('#header').empty();
          $('#header').html('<h2>this my title</h2>');
      }
   });
</script>

hope this help you