Отключение JS не работает

script.js

@@ -260,19 +260,21 @@ document.getElementById('reset').addEventListener('click', function() {
         
         resultFrame.srcdoc = resultDoc;
     }
-    // Load first example by default
-    if (exampleButtons.length > 0) {
+    // Load first example by default if JS is enabled
+    if (exampleButtons.length > 0 && !document.body.hasAttribute('data-js-disabled')) {
         exampleButtons[0].click();
     }
 
-    // Make sure tabs work after example changes
-    setupTabs();
-
-    // Technology toggle functionality
+    // Make sure tabs work after example changes if JS is enabled
+    if (!document.body.hasAttribute('data-js-disabled')) {
+        setupTabs();
+    }
+// Technology toggle functionality
     const techToggles = document.querySelectorAll('.tech-toggle');
     techToggles.forEach(toggle => {
-        toggle.addEventListener('click', function() {
-            const tech = this.getAttribute('data-tech');
+        toggle.addEventListener('click', function(e) {
+            e.preventDefault();
+const tech = this.getAttribute('data-tech');
             this.classList.toggle('opacity-50');
             
             if (tech === 'html') {
@@ -283,11 +285,25 @@ document.getElementById('reset').addEventListener('click', function() {
                     tag.disabled = this.classList.contains('opacity-50');
                 });
             } else if (tech === 'js') {
-                const scriptTags = document.querySelectorAll('script:not(.tech-toggle)');
-                scriptTags.forEach(script => {
-                    script.disabled = this.classList.contains('opacity-50');
-                });
-            }
+                const scripts = Array.from(document.scripts).filter(script => 
+                    !script.classList.contains('tech-toggle') && 
+                    script.id !== 'toggle-js'
+                );
+                
+                if (this.classList.contains('opacity-50')) {
+                    // Disable JS
+                    scripts.forEach(script => {
+                        script.type = 'text/disabled';
+                    });
+                    document.body.setAttribute('data-js-disabled', 'true');
+                } else {
+                    // Enable JS
+                    scripts.forEach(script => {
+                        script.type = 'text/javascript';
+                    });
+                    document.body.removeAttribute('data-js-disabled');
+                }
+}
         });
     });
 });

style.css

@@ -131,11 +131,19 @@ body {
 .tech-toggle:hover {
     opacity: 0.8;
 }
-
 .tech-toggle.opacity-50 {
     opacity: 0.5;
     text-decoration: line-through;
 }
+
+body[data-js-disabled="true"] [onclick],
+body[data-js-disabled="true"] [onload],
+body[data-js-disabled="true"] [onchange],
+body[data-js-disabled="true"] [onmouseover],
+body[data-js-disabled="true"] [onmouseout] {
+    pointer-events: none;
+    opacity: 0.7;
+}
 /* Responsive adjustments */
 @media (max-width: 768px) {
     .step {