테이블 복사 기능(자바스크립트) 조언 좀 해주세요.

<script>
function copyTableToClipboard() {
    var table = document.getElementById("fruitTable");
    var html = table.outerHTML;

    navigator.clipboard.writeText(html).then(function() {
        alert("테이블이 클립보드에 복사되었습니다.");
    }, function(err) {
        console.error('복사 실패:', err);
    });
}
</script>

<button onclick="copyTableToClipboard()">테이블 복사</button>

<table id="fruitTable">
    <thead>
        <tr>
            <th>과일333555</th>
            <th>색상888</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>사과</td>
            <td>빨간색</td>
        </tr>
        <tr>
            <td>바나나</td>
            <td>노란색</td>
        </tr>
        <tr>
            <td>딸기</td>
            <td>빨간색</td>
        </tr>
        <tr>
            <td>포도</td>
            <td>보라색</td>
        </tr>
    </tbody>
</table>