html
<div class="container">
<div class="card bg-warning">
<!-- put item.userId & item.id below this -->
<div class="card-header"></div>
<div class="card-body">
<!-- put item.title below this -->
<h5 class="card-title"></h5>
<!-- put item.body below this -->
<p class="card-text"></p>
</div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
js
$(function () {
$.ajax({
url: "https://jsonplaceholder.typicode.com/posts",
success: function (result) {
$.each(result, function (index, item) {
var userId = item.userId;
var typeId = item.id;
var titleId = item.title;
var bodyId = item.body;
var $head = $(".card-header").html("user …Run Code Online (Sandbox Code Playgroud)