☰

colori random con pulsante

pulsante per cambio colori

// ==UserScript==
// @name           colori random con pulsante
// @author         figuccio
// @namespace      https://greasyfork.org/users/237458
// @description    pulsante per cambio colori
// @version        1.4
// @match          *://*/*
// @grant          GM_registerMenuCommand
// @noframes
// @require        http://code.jquery.com/jquery-latest.js
// @require        https://code.jquery.com/ui/1.12.1/jquery-ui.js
// @grant          GM_addStyle
// @grant          GM_setValue
// @grant          GM_getValue
// @license        MIT
// ==/UserScript==
(function() {
    'use strict';
let $ = window.jQuery;
var j3 = $.noConflict();
const body=document.body
var Button = document.createElement('button');
let btn_style = "position:absolute;text-align:center;border:3px solid green;font-size:19px;top:300px;right:;z-index:9999999999999999999999;background-color:aquamarine;color:red;padding:15px;border-radius:5px;";
let box=document.createElement("div");
    /////////////////////////////////////
    box.title = 'cambiare colore';
    box.innerHTML=`
        </div>
<button id="random" style="font-size:15px;color:black;background:red;border:2px solid green;">CAMBIA COLORI AL CLICK</button><br>
      </div>
      `;
    ////////////////////////////////////

box.style=btn_style;
j3(box).draggable();
body.append(box);
          //////////////////////////
  if(GM_getValue("bg")!==null){
    body.style.background=GM_getValue("bg");
}

function randomColor() {
        var randomColor = '#' + Math.floor(Math.random()*16777215).toString(16);
         body.style.background = randomColor;
        box.innerHTML = "&nbsp;cambio colore <br/>&nbsp;"+ randomColor;
                         //colore button dello stesso colore della pagina
        box.style.backgroundColor = randomColor;
         //colore testo button
        box.style.color = 'white';

    }
       //cambio colore al click
        box.addEventListener("click",function(){
        body.style.background=`background:${randomColor("color")};color:${randomColor("color")};transition:.6s;`;
        GM_setValue("bg",body.style.background)
       })

    //////////////////////////

})();