CodeLens — Kodeviser
js.html
HTML 28,991 bytes
<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CodeLens - Lær JavaScript</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="../assets/css/style.css">
    <style>
        .sidebar-js h6 { color: var(--color-js); }
        .sidebar-js .menu-item.active { border-right-color: var(--color-js); }
        .explanation-js { border-right-color: var(--color-js); }
        .explanation-js strong { color: var(--color-js); }
        .code-header-js h5 { color: var(--color-js); }
        .code-header-js .code-info { color: var(--color-css); }
        
        .btn-show-all {
            background: #fd971f;
            color: #1a1a2e;
            border: none;
            padding: 8px 16px;
            border-radius: 6px;
            font-size: 0.85rem;
            width: 100%;
            transition: all 0.3s;
            margin-bottom: 10px;
        }
        .btn-show-all:hover {
            background: #e0861a;
            transform: scale(1.02);
        }
        
        .btn-reset-all {
            background: #e94560;
            color: #fff;
            border: none;
            padding: 6px 12px;
            border-radius: 6px;
            font-size: 0.75rem;
            width: 100%;
            transition: all 0.3s;
            margin-top: 5px;
        }
        .btn-reset-all:hover {
            background: #c73652;
            transform: scale(1.02);
        }
        
        .btn-edit-code {
            position: absolute;
            top: 10px;
            right: 10px;
            background: #53d8fb;
            color: #1a1a2e;
            border: none;
            padding: 4px 12px;
            border-radius: 4px;
            font-size: 0.8rem;
            cursor: pointer;
            z-index: 5;
            opacity: 0.7;
            transition: opacity 0.3s;
        }
        .btn-edit-code:hover { opacity: 1; }
        
        .btn-preview {
            background: #e94560;
            color: #fff;
            border: none;
            padding: 6px 14px;
            border-radius: 6px;
            font-size: 0.85rem;
            transition: all 0.3s;
        }
        .btn-preview:hover {
            background: #c73652;
            transform: scale(1.02);
        }
        
        .code-viewer { position: relative; }
        
        .save-indicator {
            display: inline-block;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            margin-left: 5px;
        }
        .save-indicator.saved { background: #53d8fb; box-shadow: 0 0 10px #53d8fb; }
        .save-indicator.unsaved { background: #fd971f; box-shadow: 0 0 10px #fd971f; }
        
        .storage-status {
            font-size: 0.7rem;
            color: #75715e;
            margin-top: 5px;
            text-align: center;
        }
    </style>
</head>
<body>

    <header class="codelens-header">
        <div class="brand">
            <i class="fa fa-code"></i> CodeLens
            <span>— Lær JavaScript</span>
        </div>
        <div class="nav-links">
            <a href="index.html"><i class="fa fa-home"></i> Hjem</a>
            <a href="html.html"><i class="fa fa-html5"></i> HTML</a>
            <a href="css.html"><i class="fa fa-css3"></i> CSS</a>
            <a href="../index.php"><i class="fa fa-folder-open"></i> Filbehandler</a>
        </div>
    </header>

    <div class="codelens-container">
        <div class="row g-4">
            <div class="col-md-3">
                <div class="sidebar sidebar-js">
                    <h6><i class="fa fa-list-ul"></i> JavaScript Emner</h6>
                    
                    <button class="btn-show-all" onclick="showAllTopics(topics)">
                        <i class="fa fa-eye"></i> Vis alle emner
                    </button>
                    
                    <div class="menu-item active" data-id="intro" onclick="loadTopic('intro', topics)">
                        <i class="fa fa-info-circle"></i> Hva er JS?
                    </div>
                    <div class="menu-item" data-id="variables" onclick="loadTopic('variables', topics)">
                        <i class="fa fa-database"></i> Variabler
                    </div>
                    <div class="menu-item" data-id="functions" onclick="loadTopic('functions', topics)">
                        <i class="fa fa-cogs"></i> Funksjoner
                    </div>
                    <div class="menu-item" data-id="if-else" onclick="loadTopic('if-else', topics)">
                        <i class="fa fa-code-fork"></i> If/Else
                    </div>
                    <div class="menu-item" data-id="loops" onclick="loadTopic('loops', topics)">
                        <i class="fa fa-repeat"></i> Løkker
                    </div>
                    <div class="menu-item" data-id="alert" onclick="loadTopic('alert', topics)">
                        <i class="fa fa-comment"></i> Alert/Prompt
                    </div>
                    <div class="menu-item" data-id="dom" onclick="loadTopic('dom', topics)">
                        <i class="fa fa-tree"></i> DOM
                    </div>
                    <div class="menu-item" data-id="events" onclick="loadTopic('events', topics)">
                        <i class="fa fa-mouse-pointer"></i> Hendelser
                    </div>
                    <div class="menu-item" data-id="arrays" onclick="loadTopic('arrays', topics)">
                        <i class="fa fa-list"></i> Arrays
                    </div>
                    <div class="menu-item" data-id="objects" onclick="loadTopic('objects', topics)">
                        <i class="fa fa-cube"></i> Objekter
                    </div>
                    <div class="menu-item" data-id="strings" onclick="loadTopic('strings', topics)">
                        <i class="fa fa-font"></i> Strings
                    </div>
                    <div class="menu-item" data-id="numbers" onclick="loadTopic('numbers', topics)">
                        <i class="fa fa-calculator"></i> Numbers
                    </div>
                    
                    <hr style="border-color: var(--border-color);">
                    <div class="color-legend">
                        <span><span class="dot" style="background:#66d9ef;"></span> Keywords</span>
                        <span><span class="dot" style="background:#a6e22e;"></span> Functions</span>
                        <span><span class="dot" style="background:#fd971f;"></span> Variables</span>
                        <span><span class="dot" style="background:#e6db74;"></span> Strings</span>
                        <span><span class="dot" style="background:#ae81ff;"></span> Numbers</span>
                        <span><span class="dot" style="background:#75715e;"></span> Kommentarer</span>
                    </div>
                    <div style="margin-top: 10px; display: flex; flex-direction: column; gap: 5px;">
                        <button class="btn btn-sm btn-outline-primary-js w-100" onclick="copyCode('codeWindow')">
                            <i class="fa fa-copy"></i> Kopier kode
                        </button>
                        <button class="btn btn-sm btn-outline-primary-js w-100" onclick="editCode('codeWindow')">
                            <i class="fa fa-pencil"></i> Rediger kode
                        </button>
                        <button class="btn-reset-all" onclick="resetAllCode(topics)">
                            <i class="fa fa-refresh"></i> Nullstill ALLE endringer
                        </button>
                    </div>
                    <div class="storage-status">
                        <i class="fa fa-database"></i> 
                        <span id="storageStatus">Endringer lagres lokalt</span>
                    </div>
                </div>
            </div>
            
            <div class="col-md-9">
                <div class="code-viewer">
                    <div class="code-header code-header-js">
                        <h5>
                            <i class="fa fa-file-code-o"></i> 
                            <span id="topicTitle">Hva er JavaScript?</span>
                            <span id="saveIndicator" class="save-indicator saved"></span>
                        </h5>
                        <div class="code-info">
                            <i class="fa fa-tag"></i> JavaScript
                            <span class="ms-3"><i class="fa fa-clock-o"></i> 12 emner</span>
                            <button class="btn-preview ms-3" onclick="showLivePreview()">
                                <i class="fa fa-eye"></i> Live Preview
                            </button>
                        </div>
                    </div>
                    <div id="codeWindow" class="code-window">
                        <span class="comment">// Hva er JavaScript?</span>
                        <span class="keyword">function</span> <span class="function">hello</span>() <span class="bracket">{</span>
                            <span class="variable">console</span>.<span class="function">log</span>(<span class="string">"Hei verden!"</span>);
                        <span class="bracket">}</span>
                    </div>
                    <button class="btn-edit-code" onclick="editCode('codeWindow')">
                        <i class="fa fa-pencil"></i> Rediger
                    </button>
                </div>
                
                <div id="explanation" class="explanation explanation-js">
                    <strong>⚡ Hva er JavaScript?</strong><br>
                    JavaScript er et <span class="highlight">programmeringsspråk</span> for nettsider.
                    <ul>
                        <li>Gjør nettsider <span class="highlight">interaktive</span></li>
                        <li>Kan <span class="highlight">endre innhold</span> og stil</li>
                        <li>Reagerer på <span class="highlight">brukerhandlinger</span></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <script src="../assets/js/main.js"></script>
    <script>
        // ====== JavaScript Topics ======
        const topics = {
            intro: {
                title: 'Hva er JavaScript?',
                code: `<span class="comment">// Hva er JavaScript?</span>
        <span class="keyword">function</span> <span class="function">hello</span>() <span class="bracket">{</span>
            <span class="variable">console</span>.<span class="function">log</span>(<span class="string">"Hei verden!"</span>);
        <span class="bracket">}</span>`,
                explain: `⚡ <strong>Hva er JavaScript?</strong><br>
                JavaScript er et <span class="highlight">programmeringsspråk</span> for nettsider.
                <ul>
                    <li>Gjør nettsider <span class="highlight">interaktive</span></li>
                    <li>Kan <span class="highlight">endre innhold</span> og stil</li>
                    <li>Reagerer på <span class="highlight">brukerhandlinger</span></li>
                </ul>`
            },
            variables: {
                title: 'Variabler (var, let, const)',
                code: `<span class="keyword">var</span> <span class="variable">name</span> = <span class="string">"Ola"</span>;
        <span class="keyword">let</span> <span class="variable">age</span> = <span class="number">25</span>;
        <span class="keyword">const</span> <span class="variable">PI</span> = <span class="number">3.14</span>;
        
        <span class="variable">console</span>.<span class="function">log</span>(<span class="variable">name</span>); <span class="comment">// "Ola"</span>`,
                explain: `📦 <strong>Variabler</strong><br>
                <ul>
                    <li><span class="highlight">var</span> — gammel måte (unngå)</li>
                    <li><span class="highlight">let</span> — kan endres</li>
                    <li><span class="highlight">const</span> — kan <strong>ikke</strong> endres</li>
                    <li><span class="code-in-text">console.log()</span> — viser i konsollen</li>
                </ul>`
            },
            functions: {
                title: 'Funksjoner',
                code: `<span class="keyword">function</span> <span class="function">hilsen</span>(<span class="variable">navn</span>) <span class="bracket">{</span>
            <span class="keyword">return</span> <span class="string">"Hei "</span> + <span class="variable">navn</span>;
        <span class="bracket">}</span>
        <span class="variable">console</span>.<span class="function">log</span>(<span class="function">hilsen</span>(<span class="string">"Ola"</span>)); <span class="comment">// "Hei Ola"</span>`,
                explain: `📌 <strong>Funksjoner</strong><br>
                <ul>
                    <li>En funksjon er en <span class="highlight">kodeblokk</span> som kan kjøres</li>
                    <li>Kan ta <span class="highlight">parametre</span> (input)</li>
                    <li>Kan <span class="highlight">returnere</span> verdier</li>
                </ul>`
            },
            'if-else': {
                title: 'If/Else (betingelser)',
                code: `<span class="keyword">let</span> <span class="variable">alder</span> = <span class="number">18</span>;
        <span class="keyword">if</span> (<span class="variable">alder</span> >= <span class="number">18</span>) <span class="bracket">{</span>
            <span class="variable">console</span>.<span class="function">log</span>(<span class="string">"Du er myndig"</span>);
        <span class="bracket">}</span> <span class="keyword">else</span> <span class="bracket">{</span>
            <span class="variable">console</span>.<span class="function">log</span>(<span class="string">"Du er ikke myndig"</span>);
        <span class="bracket">}</span>`,
                explain: `🔀 <strong>If/Else</strong><br>
                <ul>
                    <li><span class="highlight">if</span> — kjører koden hvis betingelsen er <span class="highlight">sann</span></li>
                    <li><span class="highlight">else</span> — kjører koden hvis betingelsen er <span class="highlight">usann</span></li>
                </ul>`
            },
            loops: {
                title: 'Løkker (for/while)',
                code: `<span class="comment">// For-løkke</span>
        <span class="keyword">for</span> (<span class="keyword">let</span> <span class="variable">i</span> = <span class="number">0</span>; <span class="variable">i</span> < <span class="number">5</span>; <span class="variable">i</span>++) <span class="bracket">{</span>
            <span class="variable">console</span>.<span class="function">log</span>(<span class="string">"Tall: "</span> + <span class="variable">i</span>);
        <span class="bracket">}</span>
        
        <span class="comment">// While-løkke</span>
        <span class="keyword">let</span> <span class="variable">j</span> = <span class="number">0</span>;
        <span class="keyword">while</span> (<span class="variable">j</span> < <span class="number">3</span>) <span class="bracket">{</span>
            <span class="variable">console</span>.<span class="function">log</span>(<span class="string">"j: "</span> + <span class="variable">j</span>);
            <span class="variable">j</span>++;
        <span class="bracket">}</span>`,
                explain: `🔄 <strong>Løkker</strong><br>
                <ul>
                    <li><span class="highlight">for</span> — når du vet antall ganger</li>
                    <li><span class="highlight">while</span> — når du ikke vet antall ganger</li>
                    <li>Brukes til å <span class="highlight">gjenta</span> kode</li>
                </ul>`
            },
            alert: {
                title: 'Alert og Prompt',
                code: `<span class="variable">alert</span>(<span class="string">"Dette er en melding!"</span>);
        <span class="keyword">let</span> <span class="variable">navn</span> = <span class="variable">prompt</span>(<span class="string">"Hva heter du?"</span>);
        <span class="variable">console</span>.<span class="function">log</span>(<span class="string">"Hei "</span> + <span class="variable">navn</span>);`,
                explain: `💬 <strong>Alert og Prompt</strong><br>
                <ul>
                    <li><span class="highlight">alert()</span> — viser en melding</li>
                    <li><span class="highlight">prompt()</span> — spør brukeren om input</li>
                    <li>Enkelt å <span class="highlight">interagere</span> med brukeren</li>
                </ul>`
            },
            dom: {
                title: 'DOM (Document Object Model)',
                code: `<span class="comment">// Hent element med ID</span>
        <span class="keyword">let</span> <span class="variable">tittel</span> = <span class="variable">document</span>.<span class="function">getElementById</span>(<span class="string">"tittel"</span>);
        <span class="variable">tittel</span>.<span class="property">innerHTML</span> = <span class="string">"Ny tittel"</span>;
        
        <span class="comment">// Hent element med klasse</span>
        <span class="keyword">let</span> <span class="variable">elementer</span> = <span class="variable">document</span>.<span class="function">querySelectorAll</span>(<span class="string">".klasse"</span>);
        <span class="variable">elementer</span>[<span class="number">0</span>].<span class="property">style</span>.<span class="property">color</span> = <span class="string">"red"</span>;`,
                explain: `🌳 <strong>DOM</strong><br>
                <ul>
                    <li>DOM er en <span class="highlight">tre-struktur</span> av nettsiden</li>
                    <li><span class="highlight">getElementById()</span> — henter element med ID</li>
                    <li><span class="highlight">querySelectorAll()</span> — henter elementer med CSS-selector</li>
                    <li><span class="highlight">innerHTML</span> — endrer innhold</li>
                    <li><span class="highlight">style</span> — endrer CSS</li>
                </ul>`
            },
            events: {
                title: 'Hendelser (Events)',
                code: `<span class="comment">&lt;!-- I HTML --&gt;</span>
        <span class="tag">&lt;button</span> <span class="attr">onclick</span>=<span class="value">"klikkMeg()"</span><span class="tag">&gt;</span>Klikk meg<span class="tag">&lt;/button&gt;</span>
        
        <span class="comment">&lt;!-- I JavaScript --&gt;</span>
        <span class="keyword">function</span> <span class="function">klikkMeg</span>() <span class="bracket">{</span>
            <span class="variable">alert</span>(<span class="string">"Du klikket!"</span>);
        <span class="bracket">}</span>
        
        <span class="comment">// Eller med addEventListener</span>
        <span class="variable">document</span>.<span class="function">getElementById</span>(<span class="string">"knapp"</span>).<span class="function">addEventListener</span>(<span class="string">"click"</span>, <span class="keyword">function</span>() <span class="bracket">{</span>
            <span class="variable">alert</span>(<span class="string">"Klikk!"</span>);
        <span class="bracket">}</span>);`,
                explain: `🖱️ <strong>Hendelser</strong><br>
                <ul>
                    <li><span class="highlight">onclick</span> — når brukeren klikker</li>
                    <li><span class="highlight">addEventListener()</span> — legger til hendelseslytter</li>
                    <li>Andre hendelser: <span class="highlight">onmouseover</span>, <span class="highlight">onchange</span>, <span class="highlight">onsubmit</span></li>
                </ul>`
            },
            arrays: {
                title: 'Arrays (lister)',
                code: `<span class="keyword">let</span> <span class="variable">frukter</span> = <span class="bracket">[</span><span class="string">"Eple"</span>, <span class="string">"Banan"</span>, <span class="string">"Appelsin"</span><span class="bracket">]</span>;
        
        <span class="variable">console</span>.<span class="function">log</span>(<span class="variable">frukter</span>[<span class="number">0</span>]); <span class="comment">// "Eple"</span>
        <span class="variable">frukter</span>.<span class="function">push</span>(<span class="string">"Druer"</span>); <span class="comment">// Legg til</span>
        
        <span class="keyword">for</span> (<span class="keyword">let</span> <span class="variable">i</span> = <span class="number">0</span>; <span class="variable">i</span> < <span class="variable">frukter</span>.<span class="property">length</span>; <span class="variable">i</span>++) <span class="bracket">{</span>
            <span class="variable">console</span>.<span class="function">log</span>(<span class="variable">frukter</span>[<span class="variable">i</span>]);
        <span class="bracket">}</span>`,
                explain: `📋 <strong>Arrays</strong><br>
                <ul>
                    <li>Arrays er <span class="highlight">lister</span> med verdier</li>
                    <li><span class="highlight">push()</span> — legger til på slutten</li>
                    <li><span class="highlight">length</span> — antall elementer</li>
                    <li>Indeks starter på <span class="highlight">0</span></li>
                </ul>`
            },
            objects: {
                title: 'Objekter',
                code: `<span class="keyword">let</span> <span class="variable">person</span> = <span class="bracket">{</span>
            <span class="property">navn</span>: <span class="string">"Ola"</span>,
            <span class="property">alder</span>: <span class="number">25</span>,
            <span class="property">by</span>: <span class="string">"Oslo"</span>,
            <span class="property">hilsen</span>: <span class="keyword">function</span>() <span class="bracket">{</span>
                <span class="keyword">return</span> <span class="string">"Hei, jeg heter "</span> + <span class="variable">this</span>.<span class="property">navn</span>;
            <span class="bracket">}</span>
        <span class="bracket">}</span>;
        
        <span class="variable">console</span>.<span class="function">log</span>(<span class="variable">person</span>.<span class="property">navn</span>); <span class="comment">// "Ola"</span>
        <span class="variable">console</span>.<span class="function">log</span>(<span class="variable">person</span>.<span class="function">hilsen</span>()); <span class="comment">// "Hei, jeg heter Ola"</span>`,
                explain: `📦 <strong>Objekter</strong><br>
                <ul>
                    <li>Objekter lagrer data i <span class="highlight">nøkkel-verdi</span>-par</li>
                    <li>Kan inneholde <span class="highlight">funksjoner</span> (metoder)</li>
                    <li><span class="highlight">this</span> refererer til objektet selv</li>
                </ul>`
            },
            strings: {
                title: 'Strings (tekst)',
                code: `<span class="keyword">let</span> <span class="variable">tekst</span> = <span class="string">"Hei verden!"</span>;
        
        <span class="comment">// Lengde</span>
        <span class="variable">console</span>.<span class="function">log</span>(<span class="variable">tekst</span>.<span class="property">length</span>); <span class="comment">// 11</span>
        
        <span class="comment">// Gjør om til store/små bokstaver</span>
        <span class="variable">console</span>.<span class="function">log</span>(<span class="variable">tekst</span>.<span class="function">toUpperCase</span>()); <span class="comment">// "HEI VERDEN!"</span>
        <span class="variable">console</span>.<span class="function">log</span>(<span class="variable">tekst</span>.<span class="function">toLowerCase</span>()); <span class="comment">// "hei verden!"</span>
        
        <span class="comment">// Finne tekst</span>
        <span class="variable">console</span>.<span class="function">log</span>(<span class="variable">tekst</span>.<span class="function">indexOf</span>(<span class="string">"verden"</span>)); <span class="comment">// 4</span>
        
        <span class="comment">// Slå sammen tekster</span>
        <span class="keyword">let</span> <span class="variable">navn</span> = <span class="string">"Ola"</span>;
        <span class="keyword">let</span> <span class="variable">hilsen</span> = <span class="string">"Hei "</span> + <span class="variable">navn</span>;
        <span class="keyword">let</span> <span class="variable">hilsen2</span> = <span class="string">\`Hei \${navn}!\`</span>; <span class="comment">// Template literals</span>`,
                explain: `📝 <strong>Strings</strong><br>
                <ul>
                    <li><span class="highlight">length</span> — antall tegn</li>
                    <li><span class="highlight">toUpperCase()</span> — store bokstaver</li>
                    <li><span class="highlight">toLowerCase()</span> — små bokstaver</li>
                    <li><span class="highlight">indexOf()</span> — finn posisjon</li>
                    <li><span class="highlight">+</span> eller <span class="code-in-text">\${}</span> — slå sammen</li>
                </ul>`
            },
            numbers: {
                title: 'Numbers (tall)',
                code: `<span class="keyword">let</span> <span class="variable">tall1</span> = <span class="number">10</span>;
        <span class="keyword">let</span> <span class="variable">tall2</span> = <span class="number">3.14</span>;
        
        <span class="comment">// Regneoperasjoner</span>
        <span class="variable">console</span>.<span class="function">log</span>(<span class="variable">tall1</span> + <span class="number">5</span>);  <span class="comment">// 15</span>
        <span class="variable">console</span>.<span class="function">log</span>(<span class="variable">tall1</span> - <span class="number">3</span>);  <span class="comment">// 7</span>
        <span class="variable">console</span>.<span class="function">log</span>(<span class="variable">tall1</span> * <span class="number">2</span>);  <span class="comment">// 20</span>
        <span class="variable">console</span>.<span class="function">log</span>(<span class="variable">tall1</span> / <span class="number">2</span>);  <span class="comment">// 5</span>
        
        <span class="comment">// Rest (modulo)</span>
        <span class="variable">console</span>.<span class="function">log</span>(<span class="number">10</span> % <span class="number">3</span>); <span class="comment">// 1</span>
        
        <span class="comment">// Math-funksjoner</span>
        <span class="variable">console</span>.<span class="function">log</span>(<span class="variable">Math</span>.<span class="function">round</span>(<span class="number">3.7</span>)); <span class="comment">// 4</span>
        <span class="variable">console</span>.<span class="function">log</span>(<span class="variable">Math</span>.<span class="function">ceil</span>(<span class="number">3.1</span>));  <span class="comment">// 4</span>
        <span class="variable">console</span>.<span class="function">log</span>(<span class="variable">Math</span>.<span class="function">floor</span>(<span class="number">3.9</span>)); <span class="comment">// 3</span>
        <span class="variable">console</span>.<span class="function">log</span>(<span class="variable">Math</span>.<span class="function">random</span>()); <span class="comment">// 0-1 tilfeldig</span>`,
                explain: `🔢 <strong>Numbers</strong><br>
                <ul>
                    <li>Tall i JavaScript kan være <span class="highlight">heltall</span> eller <span class="highlight">desimaltall</span></li>
                    <li>Vanlige regneoperasjoner: <span class="code-in-text">+ - * /</span></li>
                    <li><span class="highlight">%</span> — rest (modulo)</li>
                    <li><span class="highlight">Math</span> — inneholder nyttige funksjoner</li>
                </ul>`
            }
        };

        // Start med intro
        window.onload = function() {
            loadTopic('intro', topics);
        };
    </script>
</body>
</html>
( ! ) Warning: Undefined variable $file in C:\wamp64\www\php.karimy.no\tools\codelens1\index.php on line 246 Call Stack #TimeMemoryFunctionLocation 10.0000362528{main}( )...\index.php:0 20.0002396008show_code_viewer( $filename = 'js.html', $content = '<!DOCTYPE html>\n<html lang="fa" dir="rtl">\n<head>\n <meta charset="UTF-8">\n <meta name="viewport" content="width=device-width, initial-scale=1.0">\n <title>CodeLens - Lær JavaScript</title>\n <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet">\n <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">\n <link rel="stylesheet" href="../assets/css/style.css">\n <style>\n .sidebar-j'..., $ext = 'html' )...\index.php:39
( ! ) Deprecated: dirname(): Passing null to parameter #1 ($path) of type string is deprecated in C:\wamp64\www\php.karimy.no\tools\codelens1\index.php on line 246
Call Stack
#TimeMemoryFunctionLocation
10.0000362528{main}( )...\index.php:0
20.0002396008show_code_viewer( $filename = 'js.html', $content = '<!DOCTYPE html>\n<html lang="fa" dir="rtl">\n<head>\n <meta charset="UTF-8">\n <meta name="viewport" content="width=device-width, initial-scale=1.0">\n <title>CodeLens - Lær JavaScript</title>\n <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet">\n <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">\n <link rel="stylesheet" href="../assets/css/style.css">\n <style>\n .sidebar-j'..., $ext = 'html' )...\index.php:39
30.0014434032dirname( $path = NULL )...\index.php:246
" class="btn"> Tilbake
( ! ) Warning: Undefined variable $file in C:\wamp64\www\php.karimy.no\tools\codelens1\index.php on line 249 Call Stack #TimeMemoryFunctionLocation 10.0000362528{main}( )...\index.php:0 20.0002396008show_code_viewer( $filename = 'js.html', $content = '<!DOCTYPE html>\n<html lang="fa" dir="rtl">\n<head>\n <meta charset="UTF-8">\n <meta name="viewport" content="width=device-width, initial-scale=1.0">\n <title>CodeLens - Lær JavaScript</title>\n <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet">\n <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">\n <link rel="stylesheet" href="../assets/css/style.css">\n <style>\n .sidebar-j'..., $ext = 'html' )...\index.php:39
( ! ) Deprecated: urlencode(): Passing null to parameter #1 ($string) of type string is deprecated in C:\wamp64\www\php.karimy.no\tools\codelens1\index.php on line 249
Call Stack
#TimeMemoryFunctionLocation
10.0000362528{main}( )...\index.php:0
20.0002396008show_code_viewer( $filename = 'js.html', $content = '<!DOCTYPE html>\n<html lang="fa" dir="rtl">\n<head>\n <meta charset="UTF-8">\n <meta name="viewport" content="width=device-width, initial-scale=1.0">\n <title>CodeLens - Lær JavaScript</title>\n <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet">\n <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">\n <link rel="stylesheet" href="../assets/css/style.css">\n <style>\n .sidebar-j'..., $ext = 'html' )...\index.php:39
30.0031434032urlencode( $string = NULL )...\index.php:249
&raw=1" class="btn btn-primary" target="_blank"> Åpne raw
Gå til læring