JavaScript如何获取用户的输入值？

在JavaScript中，你可以使用DOM (Document Object Model) 来获取用户在HTML表单元素（如输入框、按钮等）中输入的数据。对于文本输入框，通常使用`getElementById`、`getElementsByClassName`、`getElementsByTagName`或`querySelector`等方法来获取特定元素，然后访问其`.value`属性得到输入值。

例如，如果你有一个id为`square-side`的输入框，你可以这样做：

const inputBox = document.getElementById('square-side');
const inputValue = inputBox.value;

对于按钮事件触发的情况，如上文所示的`onclick`函数里，也可以直接通过`event.target`来获取触发事件的对象（在这个例子中是输入框），然后再取`value`。

const calculateSquareArea = () => {
    const sideInput = event.target; // 获取触发计算的输入元素
    const sideValue = sideInput.value;
    // ... 其他计算逻辑
};

用户提交表单后，还可以通过`addEventListener`监听`submit`事件来获取表单的所有数据：

document.getElementById('myForm').addEventListener('submit', (event) => {
    event.preventDefault(); // 阻止默认提交行为
    const formData = new FormData(event.target);