Javascript - Save Geolocation Coordinates

I would like to save the coordinates in localstorage so that it shouldn't ask the users every time to allow GPS or Location and a button to clear the localstorage value so it can again ask for coordinates? Also it should work with Android & IOS Mobile View. FYI: I am using Praytimes JS to display Muslim prayer times but for each location i have to manually add latitude & longitude of that location. Below is my code: <script type="text/javascript" src="[login to view URL]"></script> <script type="text/javascript"> var x = [login to view URL]("currentlocation"); var geocoder; if ([login to view URL]) { [login to view URL](successFunction, errorFunction); } //Get the latitude and the longitude; function successFunction(position) { var lat = [login to view URL]; var lng = [login to view URL]; codeLatLng(lat, lng) } function errorFunction(){ $('#currentlocation').html("Geocoder failed"); } function initialize() { geocoder = new [login to view URL](); } function codeLatLng(lat, lng) { var latlng = new [login to view URL](lat, lng); [login to view URL]({'latLng': latlng}, function(results, status) { if (status == [login to view URL]) { [login to view URL](results) if (results[1]) { //formatted address $('#currentlocation').html(results[0].formatted_address); //find country name for (var i=0; i<results[0].[login to view URL]; i++) { for (var b=0;b<results[0].address_components[i].[login to view URL];b++) { //there are different types that might hold a city admin_area_lvl_1 usually does in come cases looking for sublocality type will be more appropriate if (results[0].address_components[i].types[b] == "administrative_area_level_2") { //this is the object you are looking for city= results[0].address_components[i]; break; } } } //city data $('#currentlocation').html(city.short_name + " " + city.long_name) } else { $('#currentlocation').html("No results found"); } } else { $('#currentlocation').html("Geocoder failed due to: " + status); } }); } </script> <p id="currentlocation"></p> <script type="text/javascript" src="[login to view URL]"></script> <script type="text/javascript"> function loadTable(position) { [login to view URL]('MWL'); var date = new Date(); // today var times = [login to view URL](date, [[login to view URL], [login to view URL]]); var list = ['Fajr', 'Sunrise', 'Dhuhr', 'Asr', 'Maghrib', 'Isha', 'Midnight']; var html = '<table id="timetable">'; html += '<tr><th colspan="2">'+ [login to view URL]()+ '</th></tr>'; for(var i in list) { html += '<tr><td>'+ list[i]+ '</td>'; html += '<td>'+ times[list[i].toLowerCase()]+ '</td></tr>'; } html += '</table>'; [login to view URL]('table').innerHTML = html; } if ([login to view URL]) { [login to view URL](loadTable); } </script>