Vicopo

by Kyle Katarn

HTML

<script src="https://vicopo.selfbuild.fr/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>
  <span id="villes-result">
    
  </span>
</p>

CSS

body {
  font-family: sans-serif;
  min-height: 160px;
  box-sizing: border-box;
  padding: 10px;
  margin: 0;
}
input {
  padding: 4px 8px;
}
label {
  line-height: 2em;
}

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(', '));
  });
});