From cfd9d1a015f55aacf2d4dfccc45b59bf1e206ea2 Mon Sep 17 00:00:00 2001
From: cesar128 <ceterre@hotmail.com>
Date: Mon, 8 Jul 2024 11:48:30 -0400
Subject: [PATCH] Obteniendo el tag con GetElementById en vez de current
 script.

---
 README.md | 7 ++++++-
 main.js   | 4 ++--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/README.md b/README.md
index 6303828..fab440e 100644
--- a/README.md
+++ b/README.md
@@ -7,13 +7,18 @@ Proporciona una manera sencilla de indentificar que se está navegando en una we
 Para integrar esta herramienta en un proyecto, copie el siguiente código y coloquelo en el archivo del index.html de su proyecto.
 
 ```html
-<script src="https://cdn.jsdelivr.net/gh/ogticrd/official-header/main.js" defer></script>
+<script
+  id="official-header"
+  src="https://cdn.jsdelivr.net/gh/ogticrd/official-header/main.js"
+  defer
+></script>
 ```
 
 En caso de desear utilizar el tema dark, basta con cambiar la importación del script por:
 
 ```html
 <script
+  id="official-header"
   src="https://cdn.jsdelivr.net/gh/ogticrd/official-header/main.js"
   defer
   theme="dark"
diff --git a/main.js b/main.js
index e8d4604..f2036f9 100644
--- a/main.js
+++ b/main.js
@@ -1,8 +1,8 @@
 class GovernmentOfficialHeader extends HTMLElement {
   constructor() {
     const theme =
-      (document.currentScript &&
-        document.currentScript.getAttribute("theme")) ||
+      (document.getElementById("official-header") &&
+        document.getElementById("official-header").getAttribute("theme")) ||
       "light";
     super();
     const template = document.createElement("template");