我想在现有网页上包含一个按钮，用于将文本复制到Windows剪贴板。
现在我想添加一个Javascript函数和一个HTML按钮，该按钮调用该函数将输出复制到Windows剪贴板。
问题：按下按钮时未复制任何内容

<section class="content-header">
  <div class="container-fluid">
    <div class="row mb-2">
      <div class="col-md-6">
        <h1>Nomor Peminjaman:
          <button onclick="copyText()">00747-SKS/OS/12/2022</button>
          <input type="text" value="00747-SKS/OS/12/2022" id="textNya" hidden>
        </h1>
      </div>
    </div>
  </div>
</section>
<script>
  function copyText() {
    var copyText = document.getElementById("textNya");
    copyText.select();
    navigator.clipboard.writeText(copyText.value);
  }
</script>