I want to change what js file an element uses at a certain year. Here is what I have so far. When I inspect the page the src changed but it did not affect the element as it's supposed to.
Thanks!
HTML:
<script id="element1" src="#"></script>
<script src="js/element-by-year.js"></script>
JS:
var yearly = document.getElementById("element1");
var refreshStatus = () => {
// Get dates/time/hours
const today = new Date();
let year = today.getFullYear();
if (year == 2022) {
yearly.src ="js/change1.js";
}
if (year == 2023) {
yearly.src ="js/change2.js";
}
}
// run when starting
refreshStatus();
// updates every day
setInterval(refreshStatus, 86400000);
To fix my problem I used functions instead of trying to change the src.
function element1 () {
alert("It's 2022!");
}
function element2 () {
alert("It's 2023!");
}
var refreshStatus = () => {
const today = new Date();
let year = today.getFullYear();
if (year == 2022) {
element1();
}
if (year == 2023) {
element2();
}
}
refreshStatus();
setInterval(refreshStatus, 86400000);