Update script.js

Author: bernardoyt1093-wq

script.js

@@ -1,40 +1,36 @@
-// Lógica do Tema Claro/Escuro
+// CONTROLE DE TEMA
 const themeButton = document.getElementById('theme-button');
-const currentTheme = localStorage.getItem('theme');
+const storedTheme = localStorage.getItem('theme') || 'dark';
 
-if (currentTheme) {
-    document.documentElement.setAttribute('data-theme', currentTheme);
-}
+document.documentElement.setAttribute('data-theme', storedTheme);
 
 themeButton.addEventListener('click', () => {
-    let theme = document.documentElement.getAttribute('data-theme');
-    if (theme === 'light') {
-        document.documentElement.setAttribute('data-theme', 'dark');
-        localStorage.setItem('theme', 'dark');
-    } else {
-        document.documentElement.setAttribute('data-theme', 'light');
-        localStorage.setItem('theme', 'light');
-    }
+    let currentTheme = document.documentElement.getAttribute('data-theme');
+    let newTheme = currentTheme === 'light' ? 'dark' : 'light';
+    
+    document.documentElement.setAttribute('data-theme', newTheme);
+    localStorage.setItem('theme', newTheme);
 });
 
-// Lógica das Práticas (Exemplo simplificado para funcionar em praticas.html)
+// SISTEMA DE PRÁTICAS
 const aulasConteudo = {
-    1: { titulo: "Variáveis", codigo: "let nome = 'Bernardo';\nconsole.log('Olá, ' + nome);" },
-    2: { titulo: "Funções", codigo: "function soma(a,b){ return a+b; }\nconsole.log(soma(10,5));" },
-    3: { titulo: "Lógica", codigo: "let pontos = 100;\nif(pontos > 50) console.log('Aprovado!');" }
+    1: { titulo: "Variáveis", codigo: "let aluno = 'Bernardo';\nconsole.log('Bem-vindo, ' + aluno);" },
+    2: { titulo: "Funções", codigo: "function tchau(){ return 'Até logo!'; }\nconsole.log(tchau());" }
 };
 
 function verAula(id) {
     const area = document.getElementById('tutorial-texto');
     const aula = aulasConteudo[id];
     if(!area) return;
+
     area.innerHTML = `
-        <div class="card">
-            <h2>${aula.titulo}</h2>
+        <div class="card" style="background: var(--bg-color); color: var(--text-color);">
+            <h2 style="color: var(--accent)">Editando: ${aula.titulo}</h2>
             <textarea id="codigo-editor">${aula.codigo}</textarea>
-            <button onclick="executar()" class="btn-primary">Executar</button>
-            <div id="console-output">> Aguardando...</div>
+            <button onclick="executar()" class="btn-primary">RODAR CÓDIGO</button>
+            <div id="console-output">> Resultado aparecerá aqui...</div>
         </div>`;
+    window.scrollTo({top: 0, behavior: 'smooth'});
 }
 
 function executar() {
@@ -46,5 +42,7 @@ function executar() {
         console.log = (m) => { out.innerHTML += "> " + m + "<br>"; };
         eval(cod);
         console.log = log;
-    } catch (e) { out.innerHTML = "Erro: " + e.message; }
+    } catch (e) {
+        out.innerHTML = "<span style='color:red;'>Erro: " + e.message + "</span>";
+    }
 }