From ce795855b295bb4084386c6e2d92b08f21366008 Mon Sep 17 00:00:00 2001 From: bat Date: Fri, 3 Mar 2023 23:57:48 +0000 Subject: [PATCH] Actualizar 'components/project.js' --- components/project.js | 21 +++++++++++---------- 1 file changed, 11 insertions(+), 10 deletions(-) diff --git a/components/project.js b/components/project.js index 75a21e2..ced777e 100644 --- a/components/project.js +++ b/components/project.js @@ -1,27 +1,28 @@ export class Project extends HTMLElement { constructor() { super() - const path = this.getAttribute('path') const shadow = this.attachShadow({mode: 'open'}) - const textArea = document.createElement('textarea') - const header = document.createElement('h1') - header.innerText = path - textArea.value = localStorage.getItem( - path - ) ?? '' - textArea.addEventListener('input', e => { + this.textArea = document.createElement('textarea') + this.header = document.createElement('h1') + this.textArea.addEventListener('input', e => { + const path = this.getAttribute('path') localStorage.setItem( path, e.target.value ) }) const div = document.createElement('div') - div.appendChild(header) - div.appendChild(textArea) + div.appendChild(this.header) + div.appendChild(this.textArea) shadow.appendChild(div) } connectedCallback() { + const path = this.getAttribute('path') + this.header.innerText = path + this.textArea.value = localStorage.getItem( + path + ) ?? '' const style = document.createElement('style') style.textContent = ` textarea {