load hcaptcha only if really needed

js/customElements/newComment.js

@@ -10,6 +10,10 @@ class newComment extends HTMLElement {
     async setupForm() {
         let sitekey = await (await fetch("/API/config.php?name=sitekey")).text();
 
+        let script = document.createElement('script');
+        script.src = "https://hCaptcha.com/1/api.js";
+        script.type = 'text/javascript';
+        script.onload = () => {
             this.parentElement.innerHTML = ` 
                 <form action="/API/newComment.php" method="post">
                     <label for="name">Name:</label><br>
@@ -28,6 +32,8 @@ class newComment extends HTMLElement {
                 </form>
             `;
         }
+        document.body.append(script);
+    }
 }
 
 customElements.define("jl-new_comment", newComment);
\ No newline at end of file

public/anleitungen/nextcloud.html

@@ -83,5 +83,5 @@ chown apache /var/www/localhost/htdocs/ -R</code>
     </div>
     <jl-footer></jl-footer>
 
-    <script async defer src='https://hCaptcha.com/1/api.js'></script>
+    
     <script src="/js/script.js"></script>

public/anleitungen/snowboy.html

@@ -65,5 +65,5 @@ make</code></pre>
 </div>
 <jl-footer></jl-footer>
 
-<script async defer src='https://hCaptcha.com/1/api.js'></script>
+
 <script src="/js/script.js"></script>
\ No newline at end of file

public/projekte/blitzortung.html

@@ -27,7 +27,7 @@
 </div>
 <jl-footer></jl-footer>
 
-<script src='https://hCaptcha.com/1/api.js' async defer></script>
+
 <script src="/js/script.js"></script>
 </body>
 </html>
\ No newline at end of file

public/projekte/gclogLink.html

@@ -24,5 +24,5 @@
 </div>
 <jl-footer></jl-footer>
 
-<script async defer src='https://hCaptcha.com/1/api.js'></script>
+
 <script src="/js/script.js"></script>
\ No newline at end of file

public/projekte/insecam.html

@@ -45,5 +45,5 @@
 </div>
 <jl-footer></jl-footer>
 
-<script async defer src='https://hCaptcha.com/1/api.js'></script>
+
 <script src="/js/script.js"></script>
\ No newline at end of file

public/projekte/ledtisch1.html

@@ -141,5 +141,5 @@
 </div>
 <jl-footer></jl-footer>
 
-<script async defer src='https://hCaptcha.com/1/api.js'></script>
+
 <script src="/js/script.js"></script>
\ No newline at end of file

public/projekte/ledtisch2.html

@@ -81,5 +81,5 @@
 </div>
 <jl-footer></jl-footer>
 
-<script async defer src='https://hCaptcha.com/1/api.js'></script>
+
 <script src="/js/script.js"></script>

public/projekte/mqttpush.html

@@ -26,5 +26,5 @@
 </div>
 <jl-footer></jl-footer>
 
-<script async defer src='https://hCaptcha.com/1/api.js'></script>
+
 <script src="/js/script.js"></script>
\ No newline at end of file

public/projekte/privateNote.html

@@ -39,7 +39,7 @@
     </div>
     <jl-footer></jl-footer>
 
-    <script src='https://hCaptcha.com/1/api.js' async defer></script>
+    
     <script src="/js/script.js"></script>
 </body>
 

public/projekte/proxdroid.html

@@ -31,5 +31,5 @@
 </div>
 <jl-footer></jl-footer>
 
-<script async defer src='https://hCaptcha.com/1/api.js'></script>
+
 <script src="/js/script.js"></script>
\ No newline at end of file

public/projekte/regensensor.html

@@ -55,5 +55,5 @@
 </div>
 <jl-footer></jl-footer>
 
-<script async defer src='https://hCaptcha.com/1/api.js'></script>
+
 <script src="/js/script.js"></script>
\ No newline at end of file

public/projekte/smartmirror.html

@@ -40,5 +40,5 @@
 </div>
 <jl-footer></jl-footer>
 
-<script async defer src='https://hCaptcha.com/1/api.js'></script>
+
 <script src="/js/script.js"></script>
\ No newline at end of file

public/projekte/urlkuerzer1.html

@@ -41,5 +41,5 @@
 </div>
 <jl-footer></jl-footer>
 
-<script async defer src='https://hCaptcha.com/1/api.js'></script>
+
 <script src="/js/script.js"></script>
\ No newline at end of file

public/projekte/urlkuerzer2.html

@@ -48,5 +48,5 @@
 </div>
 <jl-footer></jl-footer>
 
-<script async defer src='https://hCaptcha.com/1/api.js'></script>
+
 <script src="/js/script.js"></script>
\ No newline at end of file

public/projekte/websitecloner.html

@@ -19,5 +19,4 @@
 </div>
 <jl-footer></jl-footer>
 
-<script src='https://hCaptcha.com/1/api.js' async defer></script>
 <script src="/js/script.js"></script>
\ No newline at end of file

public/projekte/youtubedownloader.html

@@ -25,5 +25,5 @@
 </div>
 <jl-footer></jl-footer>
 
-<script async defer src='https://hCaptcha.com/1/api.js'></script>
+
 <script src="/js/script.js"></script>
\ No newline at end of file

public/systeme/backupServer.html

@@ -35,7 +35,7 @@
 </div>
 <jl-footer></jl-footer>
 
-<script src='https://hCaptcha.com/1/api.js' async defer></script>
+
 <script src="/js/script.js"></script>
 </body>
 </html>

public/systeme/gameServer.html

@@ -43,7 +43,7 @@
 </div>
 <jl-footer></jl-footer>
 
-<script src='https://hCaptcha.com/1/api.js' async defer></script>
+
 <script src="/js/script.js"></script>
 </body>
 </html>
\ No newline at end of file

public/systeme/hpServer.html

@@ -40,7 +40,7 @@
 </div>
 <jl-footer></jl-footer>
 
-<script src='https://hCaptcha.com/1/api.js' async defer></script>
+
 <script src="/js/script.js"></script>
 </body>
 </html>
\ No newline at end of file