Edit in JSFiddle

function suggest() {
    var location = document.getElementById("location").value;
    var resultDiv = document.getElementById("result");
    try {
        Gp.Services.autoComplete({
            text: location,
            apiKey: "calcul",
            onSuccess: function(result) {
                var resultStr= ""
                if (result.suggestedLocations) {
                    for (i=0 ; i<result.suggestedLocations.length; i++) {
                        var loc= result.suggestedLocations[i] ;
                        resultStr+= "<p>" + loc.fullText + "</p>" ;
                    }
                }
                resultDiv.innerHTML = resultStr ;
            },
            onFailure: function(error) {
                resultDiv.innerHTML = "<p>" + error + "</p>"
            }
        });
    } catch (e) {
        resultDiv.innerHTML = "<p>" + e + "</p>"
    }
}

var infoDiv = document.getElementById("info");
infoDiv.innerHTML = "<p> Bibliothèque d'accès version " + Gp.servicesVersion + " (" + Gp.servicesDate + ")</p>";

<div id="params">
    <p>Localisant :
        <input type="text" id="location" onkeyup="suggest()"/>
    </p>
</div>
<div id="result"></div>
<div id="info"></div>

#params {
    width: 100%;
    height: 50px;
    box-shadow: 0 0 10px #999;
    font-family: monospace;
    padding: 5px;
}

#result {
    padding: 5px;
    width: 100%;
    height: 200px;
    box-shadow: 0 0 10px #999;
    font-family: monospace;
    overflow: scroll;
}
#info {
  padding: 5px;
  width: 100%;
  height: 20px;
  font-family: monospace;
}