如何将表单值传递给Javascript

Question

因此，我正在尝试构建用于提交输入数据的表单，并且希望将每个单独元素的值存储为Javascript变量，以便可以使用SessionStorage从另一个页面访问它们（我不想将数据发送到服务器，因为我无力支付费用，而且我也无意将其发送给多个用户）。问题是，无论我如何尝试，这些值都将显示为null。这是我的代码（我更改了变量名称，因为它们是敏感数据，但是我已经检查了实际名称，但未保留它们）：

<form id="form_updates" method="post">
Input 1: <br>
<input type="text" name="input1" id="input1"><br>
Input 2: <br>
<input type="text" name="input2" id="input2"><br>
Input 3: <br>
<input type="text" name="input3" id="input3"><br>
<button onclick storeValues()>Update Form</button>
</form>

<script>
function storeValues(){
sessionStorage.setItem("ses1", "<?php echo $_POST['input1'] ?>");
sessionStorage.setItem("ses2", form_updates.elements[1].value);
sessionStorage.setItem("ses3", document.getElementById("input3").value);
}

所以代码现在是一团糟，我知道，我已经测试了多个解决方案，但它们似乎都不起作用（一旦我确定了可行的解决方案，我将在整个代码中一致地应用它们）。我尝试在按钮上使用事件侦听器，并且尝试阅读表单。我已经尝试了所有这三种方法将值存储在storeValues（）的内部和外部。每次，它总是评估为空。我已经研究这个问题好几天了，但似乎无法弄清楚。请帮忙！