JSFiddle - React, Tailwind, and code Playground

by dshilkret

HTML

<div id="response">
Response
</div><br>
<div id="response2">

</div>
<input type="button" id="button" value="Get" />
<input type="button" id="clear" value="Clear" />

JavaScript

$('#button').click(function() {
    var messages = [{userId: 2, content: "Salam"}, {userId: 5, content: "Hello"},{userId: 4, content: "Moi"}];
var users = [{id: 2, name: "Grace"}, {id: 4, name: "Janetta"},{id: 5, name: "Sara"}];

var messagesWithUserNames = messages.map((msg)=> {
  var haveEqualId = (user) => user.id === msg.userId
  var userWithEqualId= users.find(haveEqualId)
  return Object.assign({}, msg, userWithEqualId)
})
console.log(messagesWithUserNames)
   
});