Javascript 学习如何创建宽度大小方法

我正在创建一个包含两个变量的函数。 获取元素（box）的ID变量，第二个变量是callwidth，它保存ID（box）的宽度值

我一直收到这个错误“宽度未定义”

外面有人能告诉我我做错了什么吗

<button type="button" onClick="width('box','1000')" >click me </button>

#box{
  width:100px;
  height: 100px;
  background: gold;
  text-align: center;
  display: block;
}



function widthSize( width, id )
{
  id = '';
  width = ''+px;
  document.getElementById(id).style.width = width;
}

点击我
#盒子{
宽度：100px；
高度：100px；
背景：金；
文本对齐：居中；
显示：块；
}
函数宽度大小（宽度，id）
{
id=“”；
宽度=''+px；
document.getElementById（id）.style.width=width；
}

您需要声明从html

onclick=（）

传递到javascript函数的参数值。一旦它位于变量中，您就可以使用它来操纵元素的样式

由于您已将传递的参数直接输入到

文档.getElementById（）

中，因此会出现

未捕获引用错误的错误：未定义xxx

下面是一个例子

#框{
宽度：100px；
高度：100px；
背景：金；
文本对齐：居中；
显示：块；
}

试试看

函数myFunction（id，宽度）{
var string=id；
变量大小=宽度+'px'；
document.getElementById（string）.style.width=大小；
}