JSFiddle - React, Tailwind, and code Playground

by jeetu_verma11

HTML

<h3>First Java Book Details </h3>  
 Name: <input type="text" id="langName" /><br>
Price: <input type="text" id="price" /><br>
<h3>Second Java Book Details </h3>
 Name: <input type="text" id="langName2" /><br>
Price: <input type="text" id="price2" /><br>
<h3>First JavaScript Book Details </h3>  
 Name: <input type="text" id="langName3" /><br>
Price: <input type="text" id="price3" /><br>
<h3>Second JavaScript Book Details </h3>
 Name: <input type="text" id="langName4" /><br>
Price: <input type="text" id="price4" /><br>

JavaScript

var JSONObject = {
		   "java": [
                   {"name": "learn java", "price": 500},
                   {"name": "easy java", "price":400}
                  ],

		   "json":[
                   {"name": "learn javaScript", "price": 300},
                   {"name": "easy javaScript", "price":200}
                  ]
             };
$('#langName').val(JSONObject.java[0].name );
$('#price').val(JSONObject.java[0].price);

$('#langName2').val(JSONObject.java[1].name );
$('#price2').val(JSONObject.java[1].price);

$('#langName3').val(JSONObject.json[0].name );
$('#price3').val(JSONObject.json[0].price);

$('#langName4').val(JSONObject.json[1].name );
$('#price4').val(JSONObject.json[1].price);