緣起
在alpha camp的學習終於來到第二學期的最後,在寫期末考作業時需要將產生的新網址,透過按按鈕就能直接複製,而沒有做過這個功能的我當然是毫無頭緒......。
過程
沒頭緒時,當然是在google上開始搜尋,「how to copy by press button?」,沒錯,通常我就是這麼直接的輸入自己的困惑,然後就找到相關網頁(https://www.geeksforgeeks.org/how-to-create-copy-to-clipboard-button/),裡面有提供語法給我,也就是「navigator.clipboard.writeText( <text> )」,但是根據之前開發的經驗,我知道不能直接在使用node.js開發時,於javascript內用document.querySelecotor去選取要複製的文字,所以下一個問題是「要如何在node.js上開發時,選取想複製的文字並放入navigator.clipboard.writeText( <text>)的text內執行?」
解決
後來看到上述網頁在下面有範例可參考,於是看到可以直接在寫HTML時用<script>標籤,將想執行的程式碼寫入,此時就能用document.querySelecotor去成功選取想複製的文字,最後就成功做出此功能,也學到了<script>的用法!