Update script.js

Author: bernardoyt1093-wq

script.js

@@ -1,48 +1,37 @@
-// CONTROLE DE TEMA
-const themeButton = document.getElementById('theme-button');
-const storedTheme = localStorage.getItem('theme') || 'dark';
-
-document.documentElement.setAttribute('data-theme', storedTheme);
-
-themeButton.addEventListener('click', () => {
-    let currentTheme = document.documentElement.getAttribute('data-theme');
-    let newTheme = currentTheme === 'light' ? 'dark' : 'light';
-    
-    document.documentElement.setAttribute('data-theme', newTheme);
-    localStorage.setItem('theme', newTheme);
+// TEMA CLARO/ESCURO
+const btn = document.getElementById('theme-button');
+btn.addEventListener('click', () => {
+    const doc = document.documentElement;
+    const isLight = doc.getAttribute('data-theme') === 'light';
+    doc.setAttribute('data-theme', isLight ? 'dark' : 'light');
 });
 
 // SISTEMA DE PRÁTICAS
-const aulasConteudo = {
-    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());" }
+const conteudo = {
+    1: { t: "Variáveis", c: "let nome = 'Bernardo';\nconsole.log('Olá, ' + nome);" },
+    2: { t: "Funções", c: "function soma(a,b){ return a+b; }\nconsole.log(soma(5,10));" }
 };
 
 function verAula(id) {
     const area = document.getElementById('tutorial-texto');
-    const aula = aulasConteudo[id];
-    if(!area) return;
-
+    const aula = conteudo[id];
     area.innerHTML = `
-        <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">RODAR CÓDIGO</button>
-            <div id="console-output">> Resultado aparecerá aqui...</div>
+        <div class="card" style="margin-bottom:20px;">
+            <h3>Praticando: ${aula.t}</h3>
+            <textarea id="codigo-editor">${aula.c}</textarea>
+            <button onclick="rodar()" class="btn-primary" style="margin-top:10px;">Executar</button>
+            <div id="console-output">> Resultado...</div>
         </div>`;
-    window.scrollTo({top: 0, behavior: 'smooth'});
 }
 
-function executar() {
-    const cod = document.getElementById('codigo-editor').value;
+function rodar() {
+    const code = document.getElementById('codigo-editor').value;
     const out = document.getElementById('console-output');
     out.innerHTML = "";
     try {
-        const log = console.log;
+        const originalLog = console.log;
         console.log = (m) => { out.innerHTML += "> " + m + "<br>"; };
-        eval(cod);
-        console.log = log;
-    } catch (e) {
-        out.innerHTML = "<span style='color:red;'>Erro: " + e.message + "</span>";
-    }
+        eval(code);
+        console.log = originalLog;
+    } catch(e) { out.innerHTML = "Erro: " + e.message; }
 }