My custom html is not working in my blog

  • dailyspaceman44 · Member ·

    <h1>NASA Astronomy Picture Of The Day</h1>

    <h2 id=”title”></h2>

    <h3>Date: <span id=”date”></span></h3>

    NASA Picture Of The Day

    <p id=”explanation”></p>

    <script>

    var req = new XMLHttpRequest();

    var url = “https://api.nasa.gov/planetary/apod?api_key=”;

    var api_key = “5B6oJsSCQyekXZvNOKpsUhRPl1e7FHqjIAyHpybk”;

    req.open(“GET”, url + api_key);

    req.send();

    req.addEventListener(“load”, function(){

    if(req.status == 200 && req.readyState == 4){

    var response = JSON.parse(req.responseText);

    document.getElementById(“title”).textContent = response.title;

    document.getElementById(“date”).textContent = response.date;

    document.getElementById(“pic”).src = response.hdurl;

    document.getElementById(“explanation”).textContent = response.explanation;

    }

    })

    </script>

    </div>

    The blog I need help with is: (visible only to logged in users)

  • staartmees · Member ·

    The code you can use on a free wordpress.com website is very limited, https://wordpress.com/support/wordpress-editor/blocks/custom-html-block/That’s why your code doesn’t work.

  • The topic ‘My custom html is not working in my blog’ is closed to new replies.