Показать сообщение отдельно
  #8 (permalink)  
Старый 19.05.2018, 23:28
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

j0hnik,

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css">
    body{
        transition: .3s;
    }

    </style>
</head>
<body>
    цвет фона <br>
    <input type="range" class="color" min="0" max="255" value="255">R<br>
    <input type="range" class="color" min="0" max="255" value="255">G<br>
    <input type="range" class="color" min="0" max="255" value="255">B<br>
    <script>
        var col = [...document.querySelectorAll('.color')];
        col.forEach(el => el.oninput =e=> document.body.style.backgroundColor = `rgb(${col.map(e => e.value)})`);
    </script>
</body>
</html>
Ответить с цитированием