Javascript 更改html表单值，然后提交到网页

我只是试图通过一个html按钮获取用户名，然后在将连接的字符串提交到网站之前向其附加一个字符串。但是字符串似乎没有改变

<form action="website.com" method="POST">
<input name="login" id="name" value="username" />
<script>
    var str1 = document.getElementsById("name").value;
    var str2 = " Goodbye";
    document.getElementsById("name").value = str1.concat(str2);
</script>
<button id="button" >press the button</button>

var str1=document.getElementsById（“名称”）.value；
var str2=“再见”；
document.getElementsById（“name”）.value=str1.concat（str2）；
按下按钮

---

您正在编写

getElementsById

，它不是一个函数

试试单数，不要复数：

document.getElementById("name")

---

您正在编写的

getElementsById

，它不是一个函数

试试单数，不要复数：

document.getElementById("name")

函数getName（）{
var str1=document.getElementById（“名称”）.value；
var str2=“再见”；
document.getElementById（“name”）.value=str1.concat（str2）；
}
按下按钮

函数getName（）{
var str1=document.getElementById（“名称”）.value；
var str2=“再见”；
document.getElementById（“name”）.value=str1.concat（str2）；
}
按下按钮