New to JS. How can I apply CSS to this JS Fetch to alter test position, font? Thank you.
let file = 'art.txt';
const handleFetch = () => {
fetch(file)
.then((x) => x.text())
.then((y) => (document.getElementById('kdkz').innerHTML = y));
};
setInterval(() => handleFetch(), 2000); <p id="kdkz"></p>
Just add
#kdkz {
/*styling here*/
}
The browser will apply the styling after fetching.
Modify the handleFetch() to:
const handleFetch = () => {
fetch(file)
.then((x) => x.text())
.then((y) => {
const target = document.getElementById('kdkz');
target.innerHTML = y;
target.style.textAlign = 'center'; // Change the position here.
});
};
Or, you can easily add style within the HTML document by using <style> tag before the <body>.
<style>
#kdkz {
text-align: center; /* Change the position here */
}
</style>