how to make copyright date update automatically in my html code example

Example 1: auto update copyright year html

<div class="copyright">
  <footer>Copyright © <span id="year"></span> , All rights reserved to X</footer>
</div>
<script>
  
  function getCurrentYear() {
    return new Date().getFullYear(); // returns the year via local timing
  };

  document.getElementById("year").innerHTML = getCurrentYear(); 
  //changing the inner html of the span with "year" id to the given year(2021)
</script>

Example 2: automatic get year for copyright html

<script type="text/JavaScript"> var theDate=new Date() document.write(theDate.getFullYear()) </script>