Fix typo and code styling

ax2mx · ax2mx · commit 33ddabf757bb · 2025-02-10T12:25:10.000+03:00
diff --git a/JavaScript/3-abstraction.html b/JavaScript/3-abstraction.html
@@ -2,31 +2,31 @@
 <html>
   <head>
     <script type="application/javascript">
+      // Case 3: Visual component
 
-// Case 3: Visul component
+      class PageCaption extends HTMLElement {
+        constructor() {
+          super();
+          this.attachShadow({ mode: "open" });
+          this.clicked = false;
+        }
 
-class PageCaption extends HTMLElement {
-  constructor() {
-    super();
-    this.attachShadow({ mode: 'open' });
-    this.clicked = false;
-  }
-
-  connectedCallback() {
-    const html = `<h1>Marcus</h1><button type="button">Ave Marcus!</button>`;
-    this.shadowRoot.innerHTML = html;
-    this.shadowRoot.querySelector('button').addEventListener('click', () => {
-      if (!this.clicked) {
-        this.clicked = true;
-        const html = `<h1>Ave Marcus Aurelius!</h1>`;
-        this.shadowRoot.innerHTML = html;
+        connectedCallback() {
+          const html = `<h1>Marcus</h1><button type="button">Ave Marcus!</button>`;
+          this.shadowRoot.innerHTML = html;
+          this.shadowRoot
+            .querySelector("button")
+            .addEventListener("click", () => {
+              if (!this.clicked) {
+                this.clicked = true;
+                const html = `<h1>Ave Marcus Aurelius!</h1>`;
+                this.shadowRoot.innerHTML = html;
+              }
+            });
+        }
       }
-    });
-  }
-}
-
-window.customElements.define('page-caption', PageCaption);
 
+      window.customElements.define("page-caption", PageCaption);
     </script>
   </head>
   <body>
