Vicopo

by Kyle Katarn

HTML

<script src="https://www.selfbuild.fr/vicopo/api.js"></script>
<p>
  <button id="cp">
    Code postal de Strasbourg
  </button>
  <span id="cp-result">
    
  </span>
</p>
<p>
  <button id="villes">
    Villes commançant par "des"
  </button>
  <br>
  <span id="villes-result">
    
  </span>
</p>

CSS

body {
  font-family: sans-serif;
  line-height: 2em;
}
button {
  padding: 3px 12px;
}

JavaScript

$('#cp').click(function () {
  $.ville('strasbourg', function (input, cities) {
    $('#cp-result').text(cities[0].code);
  });
});
$('#villes').click(function () {
  $.ville('des', function (input, cities) {
    $('#villes-result').text(cities.map(function (entry) {
      return entry.city;
    }).join(', '));
  });
});