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)
$("#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");
}
});
<!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>
He insertado en un snippet el codigo pero supongo que no está soportada la geolocalización por si no funciona.
resolve(...)
. Aparte, no se entiende bien lo que quieres hacer, porque intentas obtener un elementomain
, que no existe en HTML (ni etiqueta, ni ID; ni clase), tampoco defines la variablelocalizacion;
tienes una variable$mensaje
que dudo pueda crearse como esperas, debería ser una simple cadena.