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

javascript random button

Stupid Sandpiper answered on March 8, 2024 Popularity 1/10 Helpfulness 1/10

answer javascript random button

javascript random button

Comment

const button = document.getElementById('randomButton');

button.addEventListener('click', () => {
    const properties = ['font-size', 'padding', 'background-color', 'color', 'border-radius'];
    const randomProperty = properties[Math.floor(Math.random() * properties.length)];
    const value = generateRandomValue(randomProperty);
    button.style[randomProperty] = value;
});

function generateRandomValue(property) {
    switch (property) {
        case 'font-size':
            return Math.floor(Math.random() * 30 + 12) + 'px';
        case 'padding':
            return Math.floor(Math.random() * 20) + 'px ' + Math.floor(Math.random() * 30) + 'px';
        case 'background-color':
            return '#' + Math.floor(Math.random() * 16777215).toString(16);
        case 'color':
            return '#' + Math.floor(Math.random() * 16777215).toString(16);
        case 'border-radius':
            return Math.floor(Math.random() * 20) + 'px';
        default:
            return '';
    }
}

Popularity 1/10 Helpfulness 1/10 Language python

Source: chat.openai.com

Tags: button javascript python random

Link to this answer
Share Copy Link

Contributed on Mar 08 2024

Stupid Sandpiper

0 Answers Avg Quality 2/10

javascript random button

Contents

More Related Answers

javascript random button

Grepper

Documentation

Social

Legal

Contact

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