JavaScript Call Random CSS file
JavaScript Call Random CSS file
2018-02-09 / Dimas Lanjaka Kumala Indra

Someone talk to stack overflow like this :

I am trying to rotate random CSS sheets via JS - I have the following script but when I am using it - it doesnt seem to work ?

function getRand(){
return Math.round(Math.random()(css.length-1));
}
var css = new Array(
’<link rel=“stylesheet” type=“text/css” href=“css/1.css”>’,
’<link rel=“stylesheet” type=“text/css” href=“css/2.css”>’,
’<link rel=“stylesheet” type=“text/css” href=“css/3.css”>’,
’<link rel=“stylesheet” type=“text/css” href=“css/4.css”>’
);
rand = getRand();
document.write(css[rand]);

Appreciate any help?


ask and Answer
The best answer is : Try to create the link element programmatically and appending it to the head
function applyRandCSS(){
var css = [“css/1.css”, “css/2.css”, “css/3.css”, “css/4.css”];
var randomFile = css[Math.round(Math.random()
(css.length-1))];
var ss = document.createElement(“link”);

ss.type = “text/css”;
ss.rel = “stylesheet”;
ss.href = randomFile;

document.getElementsByTagName(“head”)[0].appendChild(ss);
}

PermaLink: https://www.webmanajemen.com/2018/02/javascript-call-random-css-file.html
Google Rich Snippets Schema Markup Validator