Blogger : Javascript가 추가되었지만 결과가 없습니다.

Question

처음으로 Blogger 템플릿 HTML을 편집했습니다.

<textarea class="js-copytextarea">text needed to copy</textarea>  
<button class="js-textareacopybtn"> 
<img src="https://clipboardjs.com/assets/images/clippy.svg" width="13" alt="Copy to clipboard"> 
</button> 
<textarea class="js-copytextareab">text 2 needed to copy</textarea>  
<button class="js-textareacopybtnb"> 
<img src="https://clipboardjs.com/assets/images/clippy.svg" width="13" alt="Copy to clipboard"> 
</button> 

그럼 내가 처음 다음 두 번째 버튼 클릭 : 나는 다음과 같은 HTML과 블로그를 추가

<script type="text/javascript"> 
//<![CDATA[ 
var copyTextareaBtn = document.querySelector('.js-textareacopybtn'); 
copyTextareaBtn.addEventListener('click', function(event) { 
    var copyTextarea = document.querySelector('.js-copytextarea'); 
    copyTextarea.select(); 
}); 
var copyTextareaBtnb = document.querySelector('.js-textareacopybtnb'); 
copyTextareaBtnb.addEventListener('click', function(event) { 
    var copyTextarea = document.querySelector('.js-copytextareab'); 
    copyTextarea.select(); 
}); 
//]]> 
</script> 

다음 :

나는 바닥 글-1 절에서 다음 스크립트를 추가 , 아무것도 복사되지 않습니다.

Answer 1

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<textarea class="js-copytextarea" id="1" readonly="" style="font-family: courier;">TTTEXTTT</textarea><button class="js-textareacopybtn" data-id="1">CCCOPYYY</button> 
<script> 
$('.js-textareacopybtn').on('click', function(event) { 
    var copyTextarea = $(this).data('id'); 
    $('#' + copyTextarea)[0].select(); 
    document.execCommand('copy'); 
}); 
</script> 

Answer 2

모든 코드를 한 곳 (예 : <div> 또는 HTML 위젯)에 배치하십시오.

<script type="text/javascript"> 
//<![CDATA[ 
your js code here 
//]]> 
</script> 

Answer 3

당신이 자바 스크립트를 jQuery를 포함해야합니다 그리고 블로거의 스크립트는이 구조를 사용합니다. <head/>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>