Actualmente estoy tratando de averiguar si es posible cambiar un texto en extensión cuando ha ocurrido un envío. Actualmente tengo un texto que dice "INGRESAR ID DE USUARIO DE DISCORD Y ENVIAR" y cuando un usuario ingresa su ID DE USUARIO y lo envía, el texto debe cambiarse a "ID DE USUARIO ENVIADO" y el texto siempre debe decir eso después, lo que significa que si alguien cierra y abre las extensiones; el texto aún debe decir "ID DE USUARIO ENVIADO".
<!DOCTYPE html> <head> <link rel="stylesheet" href="../css/style.css"> <script src="../js/popup.js"></script> </head> <body> <div class="text-center"> <form id="form" class="form-control mt10"> <label> <input type="number" id="discord-id-input" name="discord-id-input"></label> <button id="discord-id-button" type="submit" class="submit"></button> <output id="help-text" class="help-text" value="">ENTER DISCORD USER ID AND SUBMIT</output> </form> </div> </body> function get_discord_id(callback) { chrome.storage.sync.get(["discord_id"], (result) => { callback(result.discord_id); }); } function set_discord_id(discord_id) { chrome.storage.sync.set({ discord_id: discord_id }, () => {}); } window.addEventListener("DOMContentLoaded", (e) => { // check if discord ID is already stored get_discord_id((discord_id) => { if (discord_id == null) { form.addEventListener('submit', () => { let value = document.getElementById("discord-id-input").value; chrome.runtime.sendMessage({ discord_id: value }, function(response) {}); set_discord_id(value); document.getElementById('help-text').innerHTML = 'USER ID SUBMITTED'; }); e.preventDefault(); }; }); });Me pregunto cómo puedo cambiar permanentemente un texto después de que haya ocurrido un activador enviado.
Dado que ya almacenó discord_id y lo recuperó cuando se abrió la ventana emergente, puede determinar si la identificación se envió en función de los regalos de discord_id .
Aquí está el código JS actualizado para hacer eso
function get_discord_id(callback) { chrome.storage.sync.get(["discord_id"], (result) => { callback(result.discord_id); }); } function set_discord_id(discord_id) { chrome.storage.sync.set({ discord_id: discord_id }, () => {}); } window.addEventListener("DOMContentLoaded", (e) => { // check if discord ID is already stored get_discord_id((discord_id) => { if (discord_id) { document.getElementById('help-text').innerHTML = 'USER ID SUBMITTED'; } else { form.addEventListener('submit', () => { let value = document.getElementById("discord-id-input").value; chrome.runtime.sendMessage({ discord_id: value }, function(response) {}); set_discord_id(value); document.getElementById('help-text').innerHTML = 'USER ID SUBMITTED'; }); e.preventDefault(); }; }); });