fix: html conflict and end tag

Author: JadsonLucena

src/index.html

@@ -102,7 +102,7 @@
                 </div>
 
                 <nav>
-                    <button type="submit" class="next">Next >></a>
+                    <button type="submit" class="next">Next ▶</button>
                 </nav>
 
             </form>
@@ -130,8 +130,8 @@
                 </div>
 
                 <nav>
-                    <button type="reset" class="previous"><< Previous</button>
-                    <button type="submit" class="next">Next >></button>
+                    <button type="reset" class="previous">◀ Previous</button>
+                    <button type="submit" class="next">Next ▶</button>
                 </nav>
 
             </form>
@@ -161,9 +161,9 @@
                 </div>
 
                 <nav>
-                    <button type="reset" class="previous"><< Previous</button>
+                    <button type="reset" class="previous">◀ Previous</button>
                     <button type="submit" class="finish">Finish</button>
-                    <button type="submit" class="next">Next >></button>
+                    <button type="submit" class="next">Next ▶</button>
                 </nav>
 
             </form>
@@ -191,9 +191,9 @@
                 </div>
 
                 <nav>
-                    <button type="reset" class="previous"><< Previous</button>
+                    <button type="reset" class="previous">◀ Previous</button>
                     <button type="submit" class="finish">Finish</button>
-                    <button type="submit" class="next">Next >></button>
+                    <button type="submit" class="next">Next ▶</button>
                 </nav>
 
             </form>
@@ -245,8 +245,8 @@
                 </div>
 
                 <nav>
-                    <button type="reset" class="previous"><< Previous</button>
-                    <button type="submit" class="next">Next >></button>
+                    <button type="reset" class="previous">◀ Previous</button>
+                    <button type="submit" class="next">Next ▶</button>
                 </nav>
 
             </form>
@@ -274,8 +274,8 @@
                 </div>
 
                 <nav>
-                    <button type="reset" class="previous"><< Previous</button>
-                    <button type="submit" class="next">Next >></button>
+                    <button type="reset" class="previous">◀ Previous</button>
+                    <button type="submit" class="next">Next ▶</button>
                 </nav>
 
             </form>
@@ -295,10 +295,10 @@
                 <div>
 
                     <label for="header">
-                        <output type="text" name="header" id="header">
+                        <output type="text" name="header" id="header"></output>
                     </label>
                     <label for="description">
-                        <output name="description" id="description">
+                        <output name="description" id="description"></output>
                     </label>
                     <fieldset>
                         <legend>Or</legend>
@@ -312,7 +312,7 @@
                 </div>
 
                 <nav>
-                    <button type="reset" class="previous"><< Previous</button>
+                    <button type="reset" class="previous">◀ Previous</button>
                     <button type="submit" class="new">NEW</button>
                 </nav>
 

src/scripts/index.js

@@ -5,14 +5,14 @@ var body = document.querySelector('body > main > section#body');
 var footer = document.querySelector('body > main > section#footer');
 var significantChange = document.querySelector('body > main > section#significantChange');
 var result = document.querySelector('body > main > section#result');
-let sections = Array.from(document.querySelectorAll('main > section'));
+var sections = Array.from(document.querySelectorAll('main > section'));
 
 
 document.querySelector('footer > header > a > img').onerror = e => {
 
     e.target.parentNode.remove();
 
-}
+};
 
 
 function scrollIntoView(section) {
@@ -50,7 +50,7 @@ function scrollIntoView(section) {
 
         }
 
-    })
+    });
 
 }
 
@@ -199,7 +199,7 @@ summary.querySelector('form').summary.oninput = function() {
 
     summary.querySelector('form > div > label > small').innerHTML = this.value.length +' / '+ this.maxLength + '<sub>50 - '+ (50 - this.maxLength) +'</sub>';
 
-}
+};
 summary.querySelector('form').onsubmit = function(e) { e.preventDefault();
 
     if (e.submitter.classList.contains('finish')) {
@@ -298,7 +298,7 @@ significantChange.querySelector('form').onsubmit = function(e) { e.preventDefaul
         footerContent.push(`Refs: ${footer.querySelector('form').refs.value.split(',').map(e => e.trim()).filter(e => e).join(', ')}`);
 
     if (footer.querySelector('form').coAuthoredBy.value.trim())
-        footer.querySelector('form').coAuthoredBy.value.split(',').map(e => e.trim()).filter(e => e).forEach(e => footerContent.push('Co-authored-by: '+ e))
+        footer.querySelector('form').coAuthoredBy.value.split(',').map(e => e.trim()).filter(e => e).forEach(e => footerContent.push('Co-authored-by: '+ e));
 
     if (footer.querySelector('form').onBehalfOf.value.trim())
         footerContent.push('on-behalf-of: '+ footer.querySelector('form').onBehalfOf.value.trim());

src/sw.js

@@ -1,4 +1,4 @@
-const CACHE_NAME = 'v1.1.3';
+const CACHE_NAME = 'v1.1.4';
 
 const FILES_TO_CACHE = [
 	'./images/apple-touch-icon-192x192.webp',