Javascript 如何通过单击多个按钮更改div大小？

我想在有人单击相应按钮时更改div大小。例如，单击小按钮将使div宽度为30%，单击中按钮将使div宽度为50%

我发现了这个，但它对我不起作用，因为我不知道他的HTML结构，他使用的是ID而不是类

下面是我的代码。请帮助我：

正文{
显示器：flex；
弯曲方向：立柱；
证明内容：中心；
高度：300px；
}
.Button_容器{
显示器：flex；
弯曲方向：行；
证明内容：中心；
}
.中等{
利润率：0.15px；
}
.Content_容器{
宽度：100%；
高度：150像素；
背景颜色：蓝色；
边缘顶部：30px；
}

满满的
中等
小的

函数myFunction（宽度）{
var all=document.getElementsByClassName（'Content_Container'）；
对于（变量i=0；i

正文{
显示器：flex；
弯曲方向：立柱；
证明内容：中心；
高度：300px；
}
.Button_容器{
显示器：flex；
弯曲方向：行；
证明内容：中心；
}
.中等{
利润率：0.15px；
}
.Content_容器{
宽度：100%；
高度：150像素；
背景颜色：蓝色；
边缘顶部：30px；
}

满满的
中等
小的

MyFunction的实现在哪里对不起，我正在学习JavaScript，对它不太熟悉。所以我把它留为空白。我可以知道类的用例而不是ID吗？因为我有多个div，我需要按类而不是ID来定位它。好的，我已经更改了类的代码。愿它有用吗