JSFiddle - React, Tailwind, and code Playground

HTML

<div id="num">

</div>
<div id="product">

</div>
<div id="status">

</div>
<div id="rate">

</div>
<div id="proceed_detail">

</div>
<div id="schedule_detail">

</div>
<div id="issues">

</div>
<div id="start_date">

</div>
<div id="end_date">

</div>

JavaScript

var data = {num:1,product:1,status:1,rate:1,proceed_detail:2,schedule_detail:3,issues:2,start_date:4,end_date:3}

var myElements = ['num','product','status','rate','proceed_detail','schedule_detail','issues','start_date','end_date'];

console.log(myElements);

for (var i=0; i<= myElements.length -1; i++){
  document.getElementById(myElements[i]).value = data[myElements[i]];
}