有人可以修复我的代码以便复制按钮吗？ (Visual Studio代码)

Question

所以我需要帮助来修复这段关于“复制到剪贴板”按钮的代码。

我是编码新手，我从 https://www.youtube.com/watch?v=NHg6jQajaMs 复制了这个，然后我手动复制了所有代码。有人可以为我修复此代码吗？

<link rel="stylesheet" href="http://youtube.local/assets/dcode.css">
<link rel="shortcut icon" href="http://youtube.local/assets/favicon.ico">

<style>

</style>

<body>
    <h2 id="title">Copy to Clipboard - JavaScript - dcode</h2>
    <input id="myInp" type="text">
    <button id="btnCopy">Copy</button>
</body>
<script type="text/javascript">
    const myInp = document.getElementById("MyImp");
    const btnCopy = document.getElementById("btnCopy");
    btnCopy.onclick = function () {
        // Step 1 - Select the text
        myInp.select();
        // Step 2 - Copying the text
        document.execCommand("Copy");
    };
<`/script>

Answer 1

您的代码中有一些小错误。

首先您尝试select输入，但使用了错误的名称。您的输入名为 myInp，您正在尝试 select id 为 MyImp.

的元素

将线路固定到 const myInp = document.getElementById("myInp"); 即可解决问题。

你在结尾处也有反引号 </script>。

修复此问题后即可使用。这是有变化的脚本部分：

<script type="text/javascript">
    const myInp = document.getElementById("myInp");
    const btnCopy = document.getElementById("btnCopy");
    btnCopy.onclick = function () {
        // Step 1 - Select the text
        myInp.select();
        // Step 2 - Copying the text
        document.execCommand("Copy");
    };
</script>

您可以在此处并排查看两个版本https://www.diffchecker.com/ETENDYop

有人可以修复我的代码以便复制按钮吗？ (Visual Studio代码)

Can someone fix my code for a button to copy? (Visual Studio Code)

javascript

clipboard

copy

button