JavaScript 클립보드 복사 기능

웹 페이지 제작 중 특정 요소(입력란이 제공되는 요소) 내의
텍스트를 📄클립보드에 복사할 수 있는 기능이 궁금하여 찾아보게 되었습니다.
 

📌 핵심

navigator.clipboard.writeText(요소.value);

✍ 입력(예시)

const textField = document.querySelector("input[type=text]");
const btn = document.querySelector("button");
btn.addEventListener("click", () => {
 navigator.clipboard.writeText(textField.value);
 textField.placeholder = "복사를 완료하였습니다.";
 textField.value = "";
});

서두에서 말씀드린 바와 같이
<input type='text'>  또는  <textarea></textarea> 등과 같은
입력란이 제공되는 요소 내에 적힌 텍스트를 ✍입력 코드를 참고하여
상황에 맞게 적용한다면 해당 텍스트를 클립보드에 복사할 수 있습니다.