Как изменить размер кнопки в javascript?

1
2
3

const button = document.querySelector('button');
button.style.width = '100px';
button.style.height = '50px';

1
2
3
4
5
6
7
8
9

.small-button {
  width: 50px;
  height: 25px;
}

.large-button {
  width: 150px;
  height: 75px;
}

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11

const button = document.querySelector('button');

function makeSmall() {
  button.classList.remove('large-button');
  button.classList.add('small-button');
}

function makeLarge() {
  button.classList.remove('small-button');
  button.classList.add('large-button');
}

1

<button id="myButton">Нажмите меня</button>

1
2
3
4
5
6

// Получить элемент кнопки
var button = document.getElementById("myButton");

// Изменить размер кнопки
button.style.width = "200px";
button.style.height = "50px";