index.html
<html>
<head>
<meta charset="UTF-8" />
<title>
TITLE
</title>
</head>
<body>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<div id="app"></div>
<script>
// Javascript goes here
const app = document.getElementById("app");
// app.innerHTML = ` HELLO WORLD `;
// Axio start here
axios
.get(
"https://cross-http.herokuapp.com/https://okz.moe/wizardamigos/wp-json/wp/v2/posts"
)
.then(function(response) {
// console.log(response.data[0].title.rendered);
let title = response.data;
let result = "";
let content = "";
for (let i = 0; i < title.length; i++) {
// console.log(title[i].title.rendered);
result += title[i].title.rendered;
content = title[i].content.rendered;
}
// let title = JSON.stringify(response.data[0].title.rendered);
// let title1 = JSON.stringify(response.data[1].title.rendered);
app.innerHTML = `Title: ${result[0]} <br> Content: ${content} `;
})
.catch(function(error) {
throw error;
})
.finally(function() {});
</script>
</body>
</html>