JS случайное значение массива
216
14 марта 2018, 07:35
Нужно по нажатию на кнопку присвоить ей(кнопке) backgroundColor на один из цветов радуги. Я сделал это следующим образом
function buttonRand() {
var color = ["#FF0000","#FFA500","#FFFF00","#008000", "#87CEEB", "#0000FF"," #8A2BE2"];
var button = document.getElementById('buttonRand');
var i = Math.floor(Math.random() * color.length);
button.style.backgroundColor = '"' + color[i] + '"';}
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div>
<button id="buttonRand" onclick="buttonRand()">RAINBOW</button>
</div>
<script src="script.js"></script>
</body>
</html>
Но при нажатии на кнопку не происходит никаких действий, даже в консоле нет никаких ошибок. Помогите, пожалуйста.
Answer 1
Кавычки лишние:
function buttonRand() {
var color = ["#FF0000","#FFA500","#FFFF00","#008000", "#87CEEB", "#0000FF"," #8A2BE2"];
var button = document.getElementById('buttonRand');
var i = Math.floor(Math.random() * color.length);
button.style.backgroundColor = color[i];
}<div>
<button id="buttonRand" onclick="buttonRand()">RAINBOW</button>
</div>
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 47699 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30546 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23726 visits
- Как через css изменить цвет png изображения? 10373 visits
- Blob video url download 9981 visits
- Php curl запрос через прокси с авторизацией 9240 visits
- Работа с captcha vk api 8117 visits
© "hostciti.net" 27.1.2025 | 06:28