How to modify text in Javascript

Question

I made a script to retrieve data from an API and show it in HTML. The problem is that the API answers with something like that

[{"seen":"2021-08-24 04:13:51"}]

And I want the user to see something like

2021-08-24 04:13:51

How can i modify this text inside of javascript? (The output is variable but the number of characters is always the same, idk if this is a useful info...)

you need to put a bit more effort into how to access array and obj. And pls post your questions adding what you tried, where are you stuck. No one will write the code for you. — J_K
– J_K, Commented Sep 2, 2021 at 11:03

Nitheesh · Accepted Answer · 2021-09-02 11:11:30Z

2

What you have to do is set innerText value from the JSON. You can access the value using response[0].seen

const response = [{"seen":"2021-08-24 04:13:51"}];
console.log(response[0].seen);
document.getElementById('lastupdatedon').innerText = response[0].seen;

<p id="lastupdatedon"></p>

edited Sep 2, 2021 at 11:11

answered Sep 2, 2021 at 11:02

Nitheesh

20.1k3 gold badges28 silver badges52 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Fabrizio Beccaceci · Accepted Answer · 2021-09-02 11:16:18Z

1

The server is returning data in json format, you need to parse the response to a javascript object and then you can use the value as you want

const theServerResponse = '[{"seen":"2021-08-24 04:13:51"}]'

const parsedResponse = JSON.parse(theServerResponse)


//At this point you can get that value
parsedResponse[0].seen

edited Sep 2, 2021 at 11:16

answered Sep 2, 2021 at 11:04

Fabrizio Beccaceci

4406 silver badges17 bronze badges

Comments

Prakash · Accepted Answer · 2021-09-02 11:06:48Z

1

Use below script

                var fromAPI='[{"seen":"2021-08-24 04:13:51"}]';
                var data=JSON.parse(fromAPI);
                if(data!=null && data.length>0)
                {
                    document.getElementById('lastupdatedon').innerText = data[0].seen;
                }

HTML

<h3 id="lastupdatedon"></h3>

Do not forget to check for nulls, index is greater than 0. IF server doesnt return data then your app will throw an error of undefined.

answered Sep 2, 2021 at 11:06

Prakash

3823 silver badges16 bronze badges

Collectives™ on Stack Overflow

How to modify text in Javascript

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related