Files
Equation-Solver/code.html
2026-04-12 23:55:07 +02:00

212 lines
24 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<title></title>
<meta name="Generator" content="Cocoa HTML Writer">
<meta name="CocoaVersion" content="2685.1">
<style type="text/css">
p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica; -webkit-text-stroke: #000000}
p.p2 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica; -webkit-text-stroke: #000000; min-height: 14.0px}
span.s1 {font-kerning: none}
span.s2 {font: 12.0px 'Lucida Grande'; font-kerning: none}
</style>
</head>
<body>
<p class="p1"><span class="s1">&lt;!DOCTYPE html&gt;</span></p>
<p class="p1"><span class="s1">&lt;html lang="it"&gt;</span></p>
<p class="p1"><span class="s1">&lt;head&gt;</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">    </span>&lt;meta charset="UTF-8"&gt;</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">    </span>&lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">    </span>&lt;title&gt;Analizzatore Equazioni - Leonardo Pasini&lt;/title&gt;</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">    </span>&lt;style&gt;</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>/* --- STILI INTERFACCIA GRAFICA --- */</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>body {</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>background-color: #f4f7f6;</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>margin: 0;</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>min-height: 100vh;</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>display: flex;</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>flex-direction: column;</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>color: #2c3e50;</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>}</span></p>
<p class="p2"><span class="s1"></span><br></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>#main-app { flex: 1; display: flex; justify-content: center; align-items: center; width: 100%; }</span></p>
<p class="p2"><span class="s1"></span><br></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>.container {</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>background: white; padding: 2.5rem; border-radius: 15px;</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>box-shadow: 0 10px 25px rgba(0,0,0,0.05); max-width: 400px; width: 90%; text-align: center;</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>}</span></p>
<p class="p2"><span class="s1"></span><br></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>h2 { margin-top: 0; color: #34495e; }</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>.input-group { margin: 30px 0; display: flex; justify-content: center; align-items: center; gap: 12px; }</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>input { width: 80px; padding: 12px; border: 2px solid #ecf0f1; border-radius: 8px; text-align: center; font-size: 1.1rem; outline: none; }</span></p>
<p class="p2"><span class="s1"></span><br></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>.btn-solve {</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>background-color: #3498db; color: white; border: none; padding: 14px;</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>border-radius: 8px; cursor: pointer; font-size: 1rem; width: 100%; font-weight: bold; transition: 0.3s;</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>}</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>.btn-solve:hover { background-color: #2980b9; }</span></p>
<p class="p2"><span class="s1"></span><br></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>#result { margin-top: 25px; padding: 15px; border-radius: 10px; display: none; font-weight: 600; line-height: 1.6; }</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>.determinata { background-color: #d4edda; color: #155724; }</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>.indeterminata { background-color: #fff3cd; color: #856404; }</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>.impossibile { background-color: #f8d7da; color: #721c24; }</span></p>
<p class="p2"><span class="s1"></span><br></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>.footer { margin-top: 40px; padding-top: 20px; border-top: 1px solid #f1f1f1; font-size: 0.8rem; color: #95a5a6; }</span></p>
<p class="p2"><span class="s1"></span><br></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>.btn-show-code {</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>position: fixed; bottom: 30px; right: 30px; background-color: #00bcd4;</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>color: white; border: none; padding: 12px 24px; border-radius: 50px;</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>cursor: pointer; box-shadow: 0 4px 12px rgba(0,188,212,0.3); font-size: 0.9rem; font-weight: bold; z-index: 100;</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>}</span></p>
<p class="p2"><span class="s1"></span><br></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>/* --- STILI PAGINA CODICE --- */</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>#code-view { display: none; background-color: #f4f7f6; width: 100%; min-height: 100vh; padding: 40px; box-sizing: border-box; }</span></p>
<p class="p2"><span class="s1"></span><br></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>.code-container {</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>max-width: 950px; margin: 0 auto 30px auto; background: white; padding: 30px; border-radius: 12px;</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>box-shadow: 0 5px 15px rgba(0,0,0,0.05); overflow-x: auto; white-space: pre;</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>font-family: 'Consolas', 'Monaco', monospace; font-size: 0.9rem; line-height: 1.5;</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>}</span></p>
<p class="p2"><span class="s1"></span><br></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>/* BOX WEBSERVER */</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>.static-notes-box {</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>max-width: 950px; margin: 0 auto 50px auto; background: #ffffff; padding: 25px; border-radius: 12px;</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>box-shadow: 0 5px 15px rgba(0,0,0,0.05); border-left: 5px solid #00bcd4;</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>}</span></p>
<p class="p2"><span class="s1"></span><br></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>.static-notes-box h3 { margin-top: 0; color: #00bcd4; font-size: 1.2rem; }</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>.static-notes-box p { line-height: 1.6; color: #444; }</span></p>
<p class="p2"><span class="s1"></span><br></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>.back-arrow { color: #3498db; cursor: pointer; font-weight: bold; margin-bottom: 20px; display: block; max-width: 950px; margin-left: auto; margin-right: auto; }</span></p>
<p class="p2"><span class="s1"></span><br></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>/* Syntax Highlighting */</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>.hl-tag { color: #d73a49; } .hl-str { color: #032f62; } .hl-comm { color: #6a737d; font-style: italic; }</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>.hl-key { color: #d73a49; font-weight: bold; }</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>.math-focus { background-color: #fff9c4; border-left: 4px solid #fbc02d; display: block; width: 100%; }</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">    </span>&lt;/style&gt;</span></p>
<p class="p1"><span class="s1">&lt;/head&gt;</span></p>
<p class="p1"><span class="s1">&lt;body&gt;</span></p>
<p class="p2"><span class="s1"></span><br></p>
<p class="p1"><span class="s1">&lt;div id="main-app"&gt;</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">    </span>&lt;div class="container"&gt;</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>&lt;h2&gt;Analisi Equazione&lt;/h2&gt;</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>&lt;p style="color: #7f8c8d; font-size: 0.9rem;"&gt;Risolvi la forma normale &lt;b&gt;ax = b&lt;/b&gt;&lt;/p&gt;</span></p>
<p class="p2"><span class="s1"></span><br></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>&lt;div class="input-group"&gt;</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>&lt;input type="number" id="valA" placeholder="a"&gt;</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>&lt;span style="font-size: 1.2rem; font-weight: bold; color: #bdc3c7;"&gt;x =&lt;/span&gt;</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>&lt;input type="number" id="valB" placeholder="b"&gt;</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>&lt;/div&gt;</span></p>
<p class="p2"><span class="s1"></span><br></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>&lt;button class="btn-solve" onclick="analizza()"&gt;Verifica Tipo&lt;/button&gt;</span></p>
<p class="p2"><span class="s1"></span><br></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>&lt;div id="result"&gt;&lt;/div&gt;</span></p>
<p class="p2"><span class="s1"></span><br></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>&lt;footer class="footer"&gt;</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>&lt;p&gt;2026 - Leonardo Pasini&lt;/p&gt;</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>&lt;p&gt;&lt;i&gt;Studio delle Equazioni di Primo Grado Numeriche Intere&lt;/i&gt;&lt;/p&gt;</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>&lt;/footer&gt;</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">    </span>&lt;/div&gt;</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">    </span>&lt;button class="btn-show-code" onclick="toggleCode(true)"&gt;Mostra HTML&lt;/button&gt;</span></p>
<p class="p1"><span class="s1">&lt;/div&gt;</span></p>
<p class="p2"><span class="s1"></span><br></p>
<p class="p1"><span class="s1">&lt;div id="code-view"&gt;</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">    </span>&lt;div class="back-arrow" onclick="toggleCode(false)"&gt;</span><span class="s2">←</span><span class="s1"> Torna all'Analizzatore&lt;/div&gt;</span></p>
<p class="p2"><span class="s1"></span><br></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">    </span>&lt;div class="code-container" id="code-display"&gt;&lt;/div&gt;</span></p>
<p class="p2"><span class="s1"></span><br></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">    </span>&lt;div class="static-notes-box"&gt;</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>&lt;h3&gt;WebServer&lt;/h3&gt;</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>&lt;p&gt;</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>Nginx: &lt;b&gt;Online&lt;/b&gt;</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>&lt;/p&gt;</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>&lt;p&gt;</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>CDN:<span class="Apple-converted-space">  </span>&lt;b&gt;Cloudflare&lt;/b&gt;</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>&lt;/p&gt;</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>&lt;p&gt;</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>Server ID:<span class="Apple-converted-space">  </span>&lt;b&gt;mshp&lt;/b&gt;</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>&lt;/p&gt;</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">    </span>&lt;/div&gt;</span></p>
<p class="p1"><span class="s1">&lt;/div&gt;</span></p>
<p class="p2"><span class="s1"></span><br></p>
<p class="p1"><span class="s1">&lt;script id="math-logic"&gt;</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">    </span>/* --- LOGICA MATEMATICA --- */</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">    </span>function analizza() {</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>const a = parseFloat(document.getElementById('valA').value);</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>const b = parseFloat(document.getElementById('valB').value);</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>const resDiv = document.getElementById('result');</span></p>
<p class="p2"><span class="s1"></span><br></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>if (isNaN(a) || isNaN(b)) {</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>alert("Inserisci entrambi i valori");</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>return;</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>}</span></p>
<p class="p2"><span class="s1"></span><br></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>resDiv.style.display = "block";</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>resDiv.className = "";</span></p>
<p class="p2"><span class="s1"></span><br></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>if (a !== 0) {</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>let x = b / a;</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>resDiv.classList.add('determinata');</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>if (x === 0) {</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">                </span>resDiv.innerHTML = `DETERMINATA&lt;br&gt;x = 0&lt;br&gt;&lt;small&gt;(Attenzione! L’equazione è verificata per valore nullo)&lt;/small&gt;`;</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>} else {</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">                </span>resDiv.innerHTML = `DETERMINATA&lt;br&gt;x = ${x}`;</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>}</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>} else if (b === 0) {</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>resDiv.classList.add('indeterminata');</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>resDiv.innerHTML = `INDETERMINATA&lt;br&gt;0x = 0 (Sempre vera)`;</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>} else {</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>resDiv.classList.add('impossibile');</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>resDiv.innerHTML = `IMPOSSIBILE&lt;br&gt;0x = ${b} (Mai vera)`;</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>}</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">    </span>}</span></p>
<p class="p1"><span class="s1">&lt;/script&gt;</span></p>
<p class="p2"><span class="s1"></span><br></p>
<p class="p1"><span class="s1">&lt;script&gt;</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">    </span>/* --- GESTIONE INTERFACCIA --- */</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">    </span>function toggleCode(show) {</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>const app = document.getElementById('main-app');</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>const codeView = document.getElementById('code-view');</span></p>
<p class="p2"><span class="s1"></span><br></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>if (show) {</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>let code = document.documentElement.outerHTML;</span></p>
<p class="p2"><span class="s1"></span><br></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>// Sanificazione per visualizzazione testo</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>code = code.replace(/&amp;/g, "&amp;amp;").replace(/&lt;/g, "&amp;lt;").replace(/&gt;/g, "&amp;gt;");</span></p>
<p class="p2"><span class="s1"></span><br></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>// Syntax Highlighting</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>code = code.replace(/(&amp;lt;!--.*?--&amp;gt;)/g, '&lt;span class="hl-comm"&gt;$1&lt;/span&gt;');</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>code = code.replace(/("[^"]*")/g, '&lt;span class="hl-str"&gt;$1&lt;/span&gt;');</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>code = code.replace(/(&amp;lt;\/?[a-z1-6]+)/gi, '&lt;span class="hl-tag"&gt;$1&lt;/span&gt;');</span></p>
<p class="p2"><span class="s1"></span><br></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>const keywords = ["function", "const", "let", "if", "else", "return"];</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>keywords.forEach(key =&gt; {</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">                </span>const reg = new RegExp(`\\b${key}\\b`, 'g');</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">                </span>code = code.replace(reg, `&lt;span class="hl-key"&gt;${key}&lt;/span&gt;`);</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>});</span></p>
<p class="p2"><span class="s1"></span><br></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>// Focus sulla matematica</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>const startKey = "function analizza()";</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>const endKey = "resDiv.innerHTML = `IMPOSSIBILE&amp;lt;br&amp;gt;0x = ${b} (Mai vera)`;\n<span class="Apple-converted-space">        </span>}\n<span class="Apple-converted-space">    </span>}";</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>code = code.replace(startKey, `&lt;span class="math-focus"&gt;${startKey}`);</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>code = code.replace(endKey, `${endKey}&lt;/span&gt;`);</span></p>
<p class="p2"><span class="s1"></span><br></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>document.getElementById('code-display').innerHTML = code;</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>app.style.display = 'none';</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>codeView.style.display = 'block';</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>window.scrollTo(0,0);</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>} else {</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>app.style.display = 'flex';</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">            </span>codeView.style.display = 'none';</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">        </span>}</span></p>
<p class="p1"><span class="s1"><span class="Apple-converted-space">    </span>}</span></p>
<p class="p1"><span class="s1">&lt;/script&gt;</span></p>
<p class="p2"><span class="s1"></span><br></p>
<p class="p1"><span class="s1">&lt;/body&gt;</span></p>
<p class="p1"><span class="s1">&lt;/html&gt;</span></p>
</body>
</html>