Javascript 按钮onClick in不使用此JS或以编程方式触发jquery可调整大小的字体大小？

这是一个可调整大小的UI插件JS，可以很好地使用鼠标点击和拖动
它正在用鼠标改变它的

字体大小

。也就是说，当我从鼠标角用

id=“chartdiv”

更改我的

div

的宽度或高度时，它就正确地更改了

字体大小。但是，当我用
id=“chartdiv”
从按钮单击更改我的
div的宽度或高度时，它就不起作用了。

我想从按钮使用此
字体大小
可调整大小的功能

对于这个查询，我已经访问了这个答案：但是没有
font size
功能

我在这里犯了什么错误

下面是我的代码：



.调整大小{
字号：2.8vh；
空白：nowrap；
颜色：黑色；
背景：黄色；
光标：移动；
宽度：300px；
高度：130像素
}
.调整大小：焦点{
宽度：500px；}
点击我！
一些很长的名字
$（'.resize'）。可调整大小（{
最小宽度：210，
身高：120，
调整大小：函数（事件、ui）{
//在这里处理字体大小
var size=ui.size；
//类似这样的内容会根据您的需求更改值
$（this.css（'font-size'，（size.width*size.height）/2800+'px'）；
}
} );
点击我！
函数ResizeWithButton（）{
var x=document.getElementById（'chartdiv'）；
x、 style.width='600px'；
var rect=x.getBoundingClientRect（）；
x、 style.fontSize=`${（rect.width*rect.height）/2800}px`；
}
点击我！
函数ResizeWithButton（）{
var x=document.getElementById（'chartdiv'）；
x、 style.width='600px'；
var rect=x.getBoundingClientRect（）；
x、 style.fontSize=`${（rect.width*rect.height）/2800}px`；
}
下面创建了一个简单的jQuery插件函数
fontResize（）
，可以在这两个实例中使用


$.fn.fontdesize=函数（）{
返回此值。每个（函数（）{
const$el=$（此项）；
$el.css（'font-size'，（$el.width（）*$el.height（））/2800+'px'）；
});
}
$（'button.do resize'）。单击（函数（）{
$（'#chartdiv'）.width（600）.fontResize（）//使用插件函数
})
$（'.resize'）。可调整大小({
最小宽度：210，
身高：120，
调整大小：函数（事件，ui）{
$（this）.fontdesize（）；//使用插件函数
}
});

.调整大小{
字号：2.8vh；
空白：nowrap；
颜色：黑色；
背景：黄色；
光标：移动；
宽度：300px；
高度：130像素
}
.调整大小：焦点{
宽度：500px；
}
点击我！
一些很长的名字
下面创建了一个简单的jQuery插件函数
fontResize（）
，可以在这两个实例中使用


$.fn.fontdesize=函数（）{
返回此值。每个（函数（）{
const$el=$（此项）；
$el.css（'font-size'，（$el.width（）*$el.height（））/2800+'px'）；
});
}
$（'button.do resize'）。单击（函数（）{
$（'#chartdiv'）.width（600）.fontResize（）//使用插件函数
})
$（'.resize'）。可调整大小({
最小宽度：210，
身高：120，
调整大小：函数（事件，ui）{
$（this）.fontdesize（）；//使用插件函数
}
});

.调整大小{
字号：2.8vh；
空白：nowrap；
颜色：黑色；
背景：黄色；
光标：移动；
宽度：300px；
高度：130像素
}
.调整大小：焦点{
宽度：500px；
}
点击我！
一些很长的名字
当您调整div的大小时，它会使用您编写的函数触发resize事件，但当您单击按钮时，它会显式设置样式宽度而不是resize事件。为此，您必须为按钮编写单独的函数。当您调整div的大小时，它会使用您编写的函数触发resize事件，但当你点击按钮时，它会显式地设置样式宽度不调整大小事件。要做到这一点，你必须为按钮编写单独的函数。Hello@charlietfl plz告诉我，我可以用平滑动画来调整大小吗？怎么做？请查看jQuery
animate（）
你能帮我添加这个PLZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ？怎么做呢？请查看jQuery
animate（）
你能帮我添加这个plzzzz吗。
<button type="button" onClick = "ResizeWithButton();">Click Me!</button>

function ResizeWithButton(){
     var x = document.getElementById('chartdiv');
     x.style.width = '600px';
     var rect = x.getBoundingClientRect();
     x.style.fontSize = `${(rect.width * rect.height)/2800}px`;
}