JSFiddle - React, Tailwind, and code Playground

by IllusionMH

HTML

<input type="button" id="scalex1" value="x1">
<input type="button" id="scalex2" value="x2">
<input type="button" id="scalex5" value="x5">
<div id="test"> div </div>

CSS

div {
  height: 100px;
  width: 100px;
  background-color: gray;
}

JavaScript

$(function() {
    var $div = $("#test"),
        defaultWidth  = $div.width();
    $div.html(defaultWidth);
    $('input[type="button"]').click(function() {
        $div.width(defaultWidth * parseInt(this.id.substr(6)), 10); // получаем значение после scalex
        $div.html($div.width()); 
    });
});