{{ block title }}
第二部分結束
{{ endblock }}

{% block styles  %}
<link href="{% static 'iat.css' %}" rel="stylesheet"/>
{% endblock %}

{{ block content }}
    <p>
        以下是您的驗證碼，請複製此六位數字，回到問卷頁面並輸入。<br>

    </p>
    <p id="text">{{ iat_number }}</p>
    <button type="button" id="btn">  複製驗證碼  </button>
<p><br>驗證碼用於連結您的第二部分資料和問卷資料，<b style="color:red">請務必複製驗證碼並正確填入問卷再關閉本視窗！</b><br>
        若無驗證碼，視同未完成本問卷。</p>


{{ endblock }}

{{ block scripts }}
<script>
const select = (DOM) => document.querySelector(DOM);

select('#btn').addEventListener('click', (e) => {
  // 建立 Range 物件
  const range = document.createRange();
  const texts = select('#text');
  range.selectNode(texts);
  // 取得 Selection 物件
  const selection = window.getSelection();
  selection.removeAllRanges();
  selection.addRange(range);
  document.execCommand("copy");
  selection.removeAllRanges();
})
</script>

{{ endblock }}