Show the Local Weather

index.html

<div id = "latitude">
  <h4>If you can see this, is because you code is no working.</h4>
  
</div>

script.js

var latitude = 0;
var longitude = 0;

if (navigator.geolocation) {
  navigator.geolocation.getCurrentPosition(function(position) {
    latitude= position.coords.latitude ;
     longitude= position.coords.longitude;
    
  });
      $("#latitude").html(latitude);
}
  

scripts

<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>

show-the-local-weather.markdown

Show the Local Weather

A Pen by Sergio Salinas on CodePen.

License.

style.css

pico 
caca
pichi

styles

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" />
<link href="https://cdn.jsdelivr.net/foundation/6.2.0/foundation.min.css" rel="stylesheet" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.1/animate.min.css" rel="stylesheet" />