使用表单运行javascript方法

我正在尝试运行一个JS方法，其中包含一个自定义文本变量作为参数。我需要能够在表单中编写一些文本，然后将该值发送给方法以执行它。我不确定它为什么不工作-它似乎接收到的值为“”或空白。我该怎么做呢

    <FORM NAME="myform" ACTION="" METHOD="GET">
Choose a Place: <INPUT TYPE="text" NAME="inputbox" VALUE="" id = "place"><P>
</FORM>

<button type="button" onclick="buttonGenerator()">Generate Postcard</button>

<script>
    var x = document.getElementById('place').value;
    function buttonGenerator(){
        generate(x);
    }
</script>

选择一个地方：

生成明信片
var x=document.getElementById（'place'）。值；
函数按钮生成器（）{
生成（x）；
}

脚本第一次运行时（页面加载时）正在设置x变量。您希望在单击按钮之前避免设置它。只需将其移动到函数中，您就可以设置：

function buttonGenerator(){
    var x = document.getElementById('place').value;
    generate(x);
}