Я пытаюсь создать основную целевую страницу, которая рандомизирует цвет фона при каждой загрузке страницы и также изменяется при каждом нажатии на значок svg.Как рандомизировать цвет фона и svg
Это работает нормально до сих пор, однако возможно ли также рандомизировать цвет значка, а не просто быть белым? У меня возникли проблемы с интеграцией свойства цвета svg в javascript. Вот код, который я сейчас использую:
$(function() {
var randomColor = Math.floor(Math.random() * 16777215).toString(16);
$("body").css({
backgroundColor: '#' + randomColor
});
$("#colorcode").text("#" + randomColor);
});
var safeColors = ['00', '33', '66', '99', 'cc', 'ff'];
var rand = function() {
return Math.floor(Math.random() * 6);
};
var randomColor = function() {
var r = safeColors[rand()];
var g = safeColors[rand()];
var b = safeColors[rand()];
return "#" + r + g + b;
};
$("body").css({
backgroundColor: '#' + randomColor
});
$(document).ready(function() {
$('#Layer_1').click(function() {
$('body').each(function() {
$(this).css('background', randomColor());
});
});
});
.cls-1 {
fill: #fff;
}
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js">
</script>
<div style="width:400px; position:absolute; left:50%; top:50%; margin:-200px 0 0 -200px; cursor: pointer">
<svg data-name="Layer 1" id="Layer_1" viewbox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
<title>Artboard 1</title>
<polygon class="cls-1" points="276 124 276 0 124 0 124 124 0 124 0 276 124 276 124 400 276 400 276 276 400 276 400 124 276 124"></polygon>
</svg>
Большое спасибо за вашу помощь. Я совершенно новичок в Javascript, поэтому для меня это немного кривая обучения.
Спасибо, это именно то, что я был после! Итак, это рандомизируется при обновлении и нажатии? – Jacob
Да, каждый раз каждый раз –
Отлично, спасибо снова. – Jacob