How can my Javascript function change the style of an html button

Question

I'm new to JS

I have a button in my HTML and I want my JavaScript function to change the padding on the button when clicked:

let btn = document.querySelector('.paddingButton');

btn.addEventListener('click', function() {
  btn.style.padding = "'" + Math.random() * 25 + "em" + "'";
});

<button class="paddingButton">Button</button>

This doesn't work. Can somebody tell me why?

Dennis · Accepted Answer · 2021-01-02 00:39:40Z

4

You have extra quotes here that are needed in CSS, but not JS:

btn.style.padding = "'" + Math.random() * 25 + "em" + "'";

replace it with just the number + "em":

btn.style.padding = Math.random() * 25 + "em";

answered Jan 2, 2021 at 0:39

Dennis

32.7k12 gold badges66 silver badges79 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How can my Javascript function change the style of an html button

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related