הוסטס - פורום אחסון האתרים הגדול בישראל - העתקת טקסט ישירות למקלדת עם JAVASCRIPT

היי חבר'ה,
אני לא מבין מה קורה כל כך, אולי זאת השעה המאוחרת ואולי לא יודע מה.
אני מנסה כבר שעתיים להבין איך ליצור כפתור/תיבת טקסט שבלחיצה על אחד מהם התוכן של התיבת טקסט פשוט יועתק למקלדת..

ניסיתי את כל השיטות הקיימות לדעתי בjavascript, עד שהתייאשתי ופשוט רציתי לבדוק אם זה עובד בדף חלק בלי כל שאר הקוד שלי.

אז יצרתי דף חלק והכנסתי בו נטו את הקוד שאחראי להעתקה

קוד:

<html>

<head





<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js"></script>





</head>

        

<!-- Target -->

<textarea id="bar">Mussum ipsum cacilds...</textarea>





<!-- Trigger -->

<button class="btn" data-clipboard-action="cut" data-clipboard-target="#bar">

    Cut to clipboard

</button>

        

    

</html>

ונחשו מה? זה לא עובד.
אז איפה הבעיה פה? כי הקוד עובד בJSFIDDLE, אבל באתר שלי הוא לא עובד ואפילו בדף חלק הוא לא עובד.

באמת ניסיתי לדעתי בערך 7 שיטות שונות, הרוב של JAVASCRIPT ואחת או 2 של JQUERY.
שום דבר לא הצליח, והקטע שבstackoverflow וjsfiddle זה עובד יופי. כל אחת ואחת מהן.

ניסיתי לשנות את הסוג של הקובץ מPHP לHTML.
חשבתי אולי הבעיה בדפדפן, אולי בהרשאות של הקובץ (לא יודע אני כבר מיואש..) אז שיניתי גם את ההרשאות אפילו..
ניסיתי גם מהדקסטופ, גם מהמובייל, גם עם כרום וגם עם edge.

תודה לעוזרים.

נ.ב כמה שיטות שניסיתי ולא עובדות (או שלא עובדות אצלי כי בJSFIDDLE הן כן עובדות)
https://www.sitepoint.com/javascript-copy-to-clipboard/
https://stackoverflow.com/questions/...tring-on-click
https://clipboardjs.com
https://stackoverflow.com/questions/...y-clipboard-js