Copy Sheet : https://docs.google.com/spreadsheets/d/1l-wdzwGpTwx7WMiHXdo7WKGdQAD1c0_f2z8-R8YVzck/copy
 
 
 window.open("https://www.google.com/", "_blank",);

<!--Signin-->
 
<center>
  <span id="spin1" class="spinner-grow spinner-grow-sm text-danger d-none" role="status" aria-hidden="true"></span>
  <span id="spin2" class="spinner-grow spinner-grow-sm text-warning d-none" role="status" aria-hidden="true"></span>
  <span id="spin3" class="spinner-grow spinner-grow-sm text-success d-none" role="status" aria-hidden="true"></span>
</center>


          document.getElementById('spin1').classList.remove("d-none");
          document.getElementById('spin2').classList.remove("d-none");
          document.getElementById('spin3').classList.remove("d-none");



          document.getElementById('spin1').classList.add("d-none");
          document.getElementById('spin2').classList.add("d-none");
          document.getElementById('spin3').classList.add("d-none");



<!--Signup-->
<center>
<span id="spin4" class="spinner-grow spinner-grow-sm text-danger d-none" role="status" aria-hidden="true"></span>
<span id="spin5" class="spinner-grow spinner-grow-sm text-warning d-none" role="status" aria-hidden="true"></span>
<span id="spin6" class="spinner-grow spinner-grow-sm text-success d-none" role="status" aria-hidden="true"></span>
</center>


          document.getElementById('spin4').classList.remove("d-none");
          document.getElementById('spin5').classList.remove("d-none");
          document.getElementById('spin6').classList.remove("d-none");
          
          
          document.getElementById('spin4').classList.add("d-none");
          document.getElementById('spin5').classList.add("d-none");
          document.getElementById('spin6').classList.add("d-none");          
-------------------------------------------------------------------------------

สร้างโค้ด iframe
http://codetukyang.com/html/machine/create_iframe.htm


<!---ใส่เพื่อให้คำสั่ง jquery ทำงาน--->
<script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script>


-------------------------------
          <!---ปิด เปิดหน้า section--->

          $('#page2').show() 
          $('#page1').hide()
          
          
<!--webapp ทดสอบ-->
https://script.google.com/a/macros/obec.moe.go.th/s/AKfycby5vX7-pUgpXbkoBpoZg3ebhTumRfRdU8sRheAwqaCSG0By46qvStWeuvRGHRY1VTHSsA/exec

<!--cdn sweetalert -->
<script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>

<!--css animate sweetalert-->
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
 
 <!--animate-->
 
 showClass: {
  popup: 'animate__animated animate__fadeInDown'},
  hideClass: {
  popup: 'animate__animated animate__fadeOutUp'},
  
<!--web overlay-->
https://gasparesganga.com/labs/jquery-loading-overlay/
          
 <!--cdn loading overlay--->
 <script src="https://cdn.jsdelivr.net/npm/gasparesganga-jquery-loading-overlay@2.1.7/dist/loadingoverlay.min.js"></script>
          
<!--cdn Fontawesone-->
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous"/>