자바 스크립트를 사용하여 HTML에서 미리 만들어진 문자열과 버튼을 사용하여 텍스트 바꾸기

<div class="Banner">

  <div class="container">
    <table><td>
      <h1 id="overskrift">myhead</h1>
       <p id="midtext">
         fillertext
       </p>
       <p id="sluttekst">
         morefiller
       </p>
    </td>
    <td>
     <img src="2.jpeg" id="billedSkift" height="200px"width="200px"></img>
    </td>
    </table></div>
     </div>
<center>
  <div class="container" >
    <div class="btn-group btn-group-lg" role="toolbar">
    <a class="btn btn-default" href="#" id="changetxt" role="group" >Kuvertering</a>
    <a class="btn btn-default" href="#" id="printbrev" role="group"  >Printbrevflet</a>
    </div>
    </div></center>

<script> $("#changetxt").on("click", function(){
     var oeverskrift = 'the new headline';
     var førstetext='the new text';
     var andentext='some more new text';
        document.getElementById('overskrift').innerHTML = oeverskrift;
        document.getElementById('midtekst').innerHTML = førstetext;
        document.getElementById('sluttekst').innerHTML = andentext;

    });
 </script>

이 방법을 사용하여 테스트 문서에서 유사한 텍스트를 변경했지만 여기에서 스크립트를 완전히 무시하는 것 같습니다. 몇 가지 방법을 시도했지만 버튼이 반응하더라도 성공하지 못했습니다. 어떤 제안 / 도움이라도 대단히 감사합니다.