IN DEZE HANDLEIDING:
Willekeurig in kleur gegenereerde pictogrammen
Willekeurig in kleur gegenereerde pictogrammen bij elke pagina laden
$(document).ready(function () {
$('.fa').each(function () {
$(this).css('color', randomColor());
});
});
var colors = ['00', '33', '66', '99', 'cc', 'ff'];
var rand = function () {
return Math.floor(Math.random() * 6);
};
var randomColor = function () {
var r = colors[rand()];
var g = colors[rand()];
var b = colors[rand()];
return "#" + r + g + b;
};
https://shareurcodes.com/blog/random%20color%20generated%20icons%20on%20every%20page%20Load
Willekeurige kleur kiezen uit array met CSS en JavaScript
Een willekeurige kleur kiezen uit een array met CSS en JavaScript doe je zo.
De opdracht is een willekeurige kleur te kiezen uit een matrix met behulp van CSS. Er is geen manier om dit alleen met CSS te doen. CSS ondersteunt geen logische verklaringen omdat CSS puur deterministisch is (er is niets als array etc in CSS). We kunnen client-side JavaScript gebruiken om een willekeurige kleur uit de array te selecteren. Onderstaand programma illustreert de oplossing met client-side JavaScript:
<h1 style="color:green;">
GeeksforGeeks
</h1>
<h3>Pick a random color from array</h3>
<h3 id="pick" style="color:red;">
Sample Text
</h3>
<br><br>
<button onclick="pickColor()">
Click to change color
</button>
<script>
// JavaScript code to pick
// a random color from array
function pickColor() {
// Array containing colors
var colors = [
'#ff0000', '#00ff00', '#0000ff',
'#ff3333', '#ffff00', '#ff6600'
];
// selecting random color
var random_color = colors[Math.floor(
Math.random() * colors.length)];
var x = document.getElementById('pick');
x.style.color = random_color;
}
</script>
https://www.geeksforgeeks.org/how-to-pick-a-random-color-from-an-array-using-css-and-javascript/
Waar Javascript & CSS in de HTML-pagina opnemen?
Waar Javascript & CSS in de HTML-pagina opnemen? Het antwoord is:
Voeg JavaScript-code toe aan het einde van de -tag en
CSS-code toevoegen tussen de -tags