var obj = JSON.parse('{ views: "2" }');

obj.views

Chiroyce wrote:

maybe I used some wrong version of jQuery?

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

Chiroyce wrote:

ummm …this is my code

fetch('https://server.chiroyce.repl.co/views')
    .then(res => res.json())
    .then((out) => {
        console.log('Output: ', out);
}).catch(err => console.error(err));

so which variable should I parse??

Chiroyce wrote:

ummm …this is my code

fetch('https://server.chiroyce.repl.co/views')
    .then(res => res.json())
    .then((out) => {
        console.log('Output: ', out);
}).catch(err => console.error(err));

so which variable should I parse??

console.log('Output: ', out.views);

Chiroyce wrote:

Alright thanks, now how do I replace the contents of h4 with “This page has {views} views” ?

I added an ID for the h4 tag, like this

<h4 id="views">Loading view count . . .</h4>

and I added this JS code

document.views.innerHTML = out.views;

But it doesn't seem to work …

document.getElementById("views").innerText = out.views;

Maximouse wrote:

Chiroyce wrote:

Alright thanks, now how do I replace the contents of h4 with “This page has {views} views” ?

I added an ID for the h4 tag, like this

<h4 id="views">Loading view count . . .</h4>

and I added this JS code

document.views.innerHTML = out.views;

But it doesn't seem to work …

document.getElementById("views").innerText = out.views;

Only use innerHTML when you actually need the text to be parsed as HTML.

Maximouse wrote:

Chiroyce wrote:

Alright thanks, now how do I replace the contents of h4 with “This page has {views} views” ?

I added an ID for the h4 tag, like this

<h4 id="views">Loading view count . . .</h4>

and I added this JS code

document.views.innerHTML = out.views;

But it doesn't seem to work …

document.getElementById("views").innerText = out.views;

Only use innerHTML when you actually need the text to be parsed as HTML.

document.getElementById("views").textContent = out.views;

Raihan142857 wrote:

inner* is bad in general. Use textContent.

document.getElementById("views").textContent = out.views;

Maximouse wrote:

Raihan142857 wrote:

inner* is bad in general. Use textContent.

document.getElementById("views").textContent = out.views;

Setting innerText or textContent does the same thing. innerText only has performance issues when using it to get the text of an element.

Raihan142857 wrote:

Maximouse wrote:

Raihan142857 wrote:

…

Setting innerText or textContent does the same thing. innerText only has performance issues when using it to get the text of an element.

It doesn't do the exact same thing in some cases, and it's bad practice. If you use innerText to do one thing people will think it's fine to use it to get the text of an element, or who knows what. It's the same reason why eval is bad practice no matter what.

document.body.innerText = 'hello\rweee' // Replaces \r with <br> 
document.body.textContent // === 'helloweee'
 
// vs
 
document.body.textContent = 'hello\rweee'
document.body.textContent // === 'hello\rweee'