JSFiddle - React, Tailwind, and code Playground

HTML

<input type="button" id="nextOne" value="NEXT !" />
<div id="resultat"></div>

JavaScript

var i = 0;
var val = {
    "kim": [ {"nom": "patrick", "taille": "1,50", "sexe": "M", "ville": "duoala" },
           { "nom": "fredy",  "taille": "1,70", "sexe": "M", "ville": "yde" },
           { "nom": "neo",  "taille": "1,60", "sexe": "M", "ville": "baff" } ]
}

document.getElementById('nextOne').onclick = function () {
  var ma_div = document.createElement('div');
  ma_div.id = 'obj_'+(i);
  ma_div.innerHTML = val.kim[i]["nom"] + ' : ' + val.kim[i]["taille"] + ' / ' + val.kim[i]["sexe"] + ' / ' + val.kim[i]["ville"];
  document.getElementById('resultat').appendChild(ma_div);
  i = ++i == val.kim.length ? 0 : i;
};