exercise-2.js

/*

========
Task 2
========

Your second task is to send a new message to the server.

After writing a message in the input and clicking on the submit button,
send the message to store it on the remote server. Use the following API:

HTTP Verb: POST
API: https://codeyourfuture.herokuapp.com/api/messages
Request Body: { "content": "some text" }


===============
Expected result
===============

After opening index.html in your browser, write a message in the input field and click
on the submit button. Then check the following:

1) The input field should be empty.
2) When you refresh the page in your browser, you should be able to see your new message in the message list.
*/


// Write your code here
var postRequestParameters = {
    body: JSON.stringify({ "content":new Date() }),
    method: 'POST',
    headers: {
        'content-type': 'application/json'
    }
};

fetch('https://codeyourfuture.herokuapp.com/api/messages',postRequestParameters);

fetch('https://codeyourfuture.herokuapp.com/api/messages')
.then(function(response){
    return response.json();
})
.then(function(messages){
//document.querySelector('#message-list').innerHTML ="";
document.querySelector('#message-list').innerHTML+='<p>'+messages[messages.length-1].content +'</p>'

// messages.forEach(function(message){
//  document.querySelector('#message-list').innerHTML+='<p>'+message.content +'</p>'
// //  let newParagraph = document.createElement('p');
// //  newParagraph.innerText
// //  document.querySelector('message-list').appendChild(newParagraph);
// })
})