在事件中更改全局变量不起作用

Question

我尝试在事件中更改全局变量，但是它不起作用。全局变量保持不变。

var width = 0;
var length = 0;
document.getElementsByTagName("button").onclick = function(){
  width = document.getElementById("width").value;
  length = document.getElementById("length").value;
}
console.log(width, length)

这是我的HTML：

   <div class="setting">
        <p>Width: <input id="width" type="number"> px</p>
        <p>Length: <input id="length" type="number"> px</p>
        <button type="submit">Submit</button>
    </div>

谢谢您的帮助。