A ver como explico esto, estoy tratando de que cuando un usuario pulse un boton le pregunte si desea guardar la localización o no, al pulsar el boton de permitir debería realizar lo que contiene dentro del boton, pero si por el contrario pulsamos a bloquear mostrará un mensaje hasta que usuario decida aceptar la geolocalización.(se realiza todo con el mismo boton es decir al pulsarlo si no hay permiso pregunta, y si ya se ha concedido o denegado muestra el contenido de permitir o de bloquear) <!-- begin snippet: js hide: false console: true babel: false --> <!-- language: lang-js --> $("#button").click(function (e) { e.preventDefault(); var main=document.querySelector("main"); navigator.geolocation.getCurrentPosition(pos=>{ main.textContent=`Latitud: ${pos.coords.latitude},` + `Longitud: ${pos.coords.longitude}` }); if (localizacion == true){ let $mensaje = $("<p>a aceptado la localización</p>"); function Carga(t) { return new Promise((resolve) => { setTimeout(() => { resolve($("body").append("fetchs, funciones y otras cosas"); }, t); }); } async function esperar(t) { $("body").append($mensaje); await Carga(t); } esperar(5000); } else { $("body").append("Debe aceptar la geolocalización"); } }); <!-- language: lang-html --> <!DOCTYPE html> <html> <head> <script src="https://code.jquery.com/jquery-3.1.0.js"></script> </head> <body> <button id="button">Notificaciones</button> </body> </html> <!-- end snippet --> ***He insertado en un snippet el codigo pero supongo que no está soportada la geolocalización por si no funciona.***