Examples: fix copyCode to use .syntax-block

Author: pepc84

examples/acceleration-with-vectors.html

@@ -158,7 +158,7 @@ <h1>Acceleration With Vectors</h1>
   </p>
 </footer>
 <script>function copyCode() {
-  navigator.clipboard.writeText(document.getElementById('code-pre').innerText).then(() => {
+  navigator.clipboard.writeText(document.querySelector('.syntax-block').innerText).then(() => {
     const btn = document.querySelector('.copy-btn');
     btn.textContent = 'Copied!'; btn.classList.add('copied');
     setTimeout(() => { btn.textContent = 'Copy'; btn.classList.remove('copied'); }, 2000);

examples/additive-wave.html

@@ -219,7 +219,7 @@ <h1>Additive Wave</h1>
   </p>
 </footer>
 <script>function copyCode() {
-  navigator.clipboard.writeText(document.getElementById('code-pre').innerText).then(() => {
+  navigator.clipboard.writeText(document.querySelector('.syntax-block').innerText).then(() => {
     const btn = document.querySelector('.copy-btn');
     btn.textContent = 'Copied!'; btn.classList.add('copied');
     setTimeout(() => { btn.textContent = 'Copy'; btn.classList.remove('copied'); }, 2000);

examples/alpha-mask.html

@@ -136,7 +136,7 @@ <h1>Alpha Mask</h1>
   </p>
 </footer>
 <script>function copyCode() {
-  navigator.clipboard.writeText(document.getElementById('code-pre').innerText).then(() => {
+  navigator.clipboard.writeText(document.querySelector('.syntax-block').innerText).then(() => {
     const btn = document.querySelector('.copy-btn');
     btn.textContent = 'Copied!'; btn.classList.add('copied');
     setTimeout(() => { btn.textContent = 'Copy'; btn.classList.remove('copied'); }, 2000);

examples/animated-sprite.html

@@ -190,7 +190,7 @@ <h1>Animated Sprite</h1>
   </p>
 </footer>
 <script>function copyCode() {
-  navigator.clipboard.writeText(document.getElementById('code-pre').innerText).then(() => {
+  navigator.clipboard.writeText(document.querySelector('.syntax-block').innerText).then(() => {
     const btn = document.querySelector('.copy-btn');
     btn.textContent = 'Copied!'; btn.classList.add('copied');
     setTimeout(() => { btn.textContent = 'Copy'; btn.classList.remove('copied'); }, 2000);

examples/arctangent.html

@@ -185,7 +185,7 @@ <h1>Arctangent</h1>
   </p>
 </footer>
 <script>function copyCode() {
-  navigator.clipboard.writeText(document.getElementById('code-pre').innerText).then(() => {
+  navigator.clipboard.writeText(document.querySelector('.syntax-block').innerText).then(() => {
     const btn = document.querySelector('.copy-btn');
     btn.textContent = 'Copied!'; btn.classList.add('copied');
     setTimeout(() => { btn.textContent = 'Copy'; btn.classList.remove('copied'); }, 2000);

examples/arm.html

@@ -159,7 +159,7 @@ <h1>Arm</h1>
   </p>
 </footer>
 <script>function copyCode() {
-  navigator.clipboard.writeText(document.getElementById('code-pre').innerText).then(() => {
+  navigator.clipboard.writeText(document.querySelector('.syntax-block').innerText).then(() => {
     const btn = document.querySelector('.copy-btn');
     btn.textContent = 'Copied!'; btn.classList.add('copied');
     setTimeout(() => { btn.textContent = 'Copy'; btn.classList.remove('copied'); }, 2000);

examples/array-2d.html

@@ -154,7 +154,7 @@ <h1>Array 2D</h1>
   </p>
 </footer>
 <script>function copyCode() {
-  navigator.clipboard.writeText(document.getElementById('code-pre').innerText).then(() => {
+  navigator.clipboard.writeText(document.querySelector('.syntax-block').innerText).then(() => {
     const btn = document.querySelector('.copy-btn');
     btn.textContent = 'Copied!'; btn.classList.add('copied');
     setTimeout(() => { btn.textContent = 'Copy'; btn.classList.remove('copied'); }, 2000);

examples/array-objects.html

@@ -221,7 +221,7 @@ <h1>Array Objects</h1>
   </p>
 </footer>
 <script>function copyCode() {
-  navigator.clipboard.writeText(document.getElementById('code-pre').innerText).then(() => {
+  navigator.clipboard.writeText(document.querySelector('.syntax-block').innerText).then(() => {
     const btn = document.querySelector('.copy-btn');
     btn.textContent = 'Copied!'; btn.classList.add('copied');
     setTimeout(() => { btn.textContent = 'Copy'; btn.classList.remove('copied'); }, 2000);

examples/array.html

@@ -170,7 +170,7 @@ <h1>Array</h1>
   </p>
 </footer>
 <script>function copyCode() {
-  navigator.clipboard.writeText(document.getElementById('code-pre').innerText).then(() => {
+  navigator.clipboard.writeText(document.querySelector('.syntax-block').innerText).then(() => {
     const btn = document.querySelector('.copy-btn');
     btn.textContent = 'Copied!'; btn.classList.add('copied');
     setTimeout(() => { btn.textContent = 'Copy'; btn.classList.remove('copied'); }, 2000);

examples/arraylist-of-objects.html

@@ -192,7 +192,7 @@ <h1>ArrayList of objects</h1>
   </p>
 </footer>
 <script>function copyCode() {
-  navigator.clipboard.writeText(document.getElementById('code-pre').innerText).then(() => {
+  navigator.clipboard.writeText(document.querySelector('.syntax-block').innerText).then(() => {
     const btn = document.querySelector('.copy-btn');
     btn.textContent = 'Copied!'; btn.classList.add('copied');
     setTimeout(() => { btn.textContent = 'Copy'; btn.classList.remove('copied'); }, 2000);