Breaking News: Grepper is joining You.com. Read the official announcement!

how to generate random gradient javascript

P U L S E answered on July 2, 2022 Popularity 6/10 Helpfulness 4/10

answer how to generate random gradient javascript

how to generate random gradient javascript

Comment

// Generate random Gradient on click
var myButton = document.querySelector('.classNamehere');
myButton.addEventListener('click', randomGradient);
function randomGradient() {

        var angle = Math.floor(Math.random() * 360);

  // You can add/remove colors simply by calling or removing the colorCode() function
        var gradient = `linear-gradient(${angle}deg,
        #${colorCode()},
        #${colorCode()},
        #${colorCode()})`;

        const element = document.querySelector("whateverElement").style.background = gradient;

		// uncomment the console log to see the generated gradient
        // console.log(gradient);

    }

// this function generates random color(HEX) and returns it
function colorCode() {
        var hexCode1 = "";
        var hexValues1 = "0123456789abcdef";

        for (var i = 0; i < 6; i++) {
            hexCode1 += hexValues1.charAt(Math.floor(Math.random() * hexValues1.length));
        }
        return hexCode1;
    }

Popularity 6/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: generate gradient javascript random

Link to this answer
Share Copy Link

Contributed on Jul 02 2022

P U L S E

0 Answers Avg Quality 2/10

how to generate random gradient javascript

Contents

More Related Answers

how to generate random gradient javascript

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.