JSFiddle - React, Tailwind, and code Playground
HTML
<form>
<input type="text" name="your-name">
<input type="text" name="your-email">
<input type="text" name="your-phone">
<input type="text" name="your-message">
</form>
JavaScript
var contact = {
"client": {
"your-name":"Mark Denstri",
"your-email":"denstri@gmail.com",
"your-phone":"+118882332",
"your-message":"Lorem ipsum dolor sit amet, consectetur adipiscing elit,",
},
"client-2": {
"your-name":"Mark Denstri",
"your-email":"denstri@gmail.com",
"your-phone":"+118882332",
"your-message":"Lorem ipsum dolor sit amet, consectetur adipiscing elit,",
},
};
var i = 1;
for (var key in contact) {
var obj = contact[key];
for (var prop in obj) {
i++
setData(prop,i);
}
}
function setData(prop,i){
setTimeout(function(){
$('[name="'+prop+'"]').val(obj[prop]);
console.log(key + " " + obj[prop]);
}, 500*i);
}