<button id="button">
  click me
</button>
button {
  width: 100px;
  transition: all 2s;
}

const box = document.getElementById("button");

box.addEventListener("click", () => {
  box.style.width = "300px";
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.