Este código guarda y ordena el texto HTML interno del cuerpo según la cantidad de veces que presionó la combinación de teclas. Funciona, pero en algún momento el script deja de funcionar y debe cambiarse o el archivo que lo contiene debe cambiarse de nombre para continuar funcionando. Además, intenté agregarlo como extensión de Chrome y en el modo de depuración veo que la secuencia de comandos está conectada (resulta conlose.log después del controlador de eventos DOMContentLoaded), pero omite algunos bloques de código y después de cada corrección, uno diferente. Puede ver este fenómeno en los modos de programa "servidor local" y "extensión del navegador". Intenté resolver este problema de alguna manera, revisé muchos foros y soluciones y todavía no t have a solution. So it's sad that I can terminar mi primer mini proyecto en js nativo (. Deseo sinceramente su guía.

emergente.js

 document.addEventListener("DOMContentLoaded", function() { let inputEl = document.body; inputEl.addEventListener("keydown", copy_paste); }); console.log('It connected'); let storage = {}; function copy_paste(e) { if (e.ctrlKey && e.key == "q") { let inputValue = window.getSelection(); navigator.clipboard.writeText(inputValue).then( navigator.clipboard.readText().then((text) => { if (!storage.hasOwnProperty(text)) storage[text] = 1; else storage[text] += 1; mySort(storage); }) ); } } function show(arrStorage) { let parent = document.getElementById("insert"); parent.innerHTML = ""; for (let i = 0; i < arrStorage.length; i++) { let para = document.createElement("h4"); para.innerText = arrStorage[i][0] + " : " + arrStorage[i][1]; parent.appendChild(para); } } function mySort(storage) { let arrStorage = []; for (let key in storage) { arrStorage.push([key, storage[key]]); } arrStorage.sort(function (a, b) { return b[1] - a[1]; }); show(arrStorage); }