如何在点击按钮后从表单中获取结果（JavaScript和HTML）

我对HTML和Javascript非常陌生，我正在尝试做一个简单的程序，在这个程序中，我填写一个表单，当我点击“提交”时，结果会被保存（无论是在文本文件、警报还是其他形式，我只想能够保存结果）。到目前为止，我有以下代码：

函数myFunction（）{
var-Gender=document.getElementbyName（'Gender'）。值；
var Status=document.getElementbyName（'Status'）。值；
警惕（性别、地位）；
}

h2{margin top:50px}
输入{margin top:50px}
标签{显示：内联块；宽度：180px；文本对齐：左；页边距顶部：15px}

表单
输入：
性别：
女性
男性


地位：
单身
已婚的

您只需要稍微调整javascript，使其与示例保持一致。它是getElementsByName（注意s），因为可以有多个，所以您将得到第0个

<script>
function myFunction(){
var Gender = document.getElementsByName('Gender')[0].value;
var Status = document.getElementsByName('Status')[0].value;
alert(Gender + ' - '+ Status);
}
</script>

函数myFunction（）{
var-Gender=document.getElementsByName（'Gender'）[0]。值；
var Status=document.getElementsByName（'Status'）[0]。值；
警惕（性别+“-”+状态）；
}

---

您遇到的问题是

文档。getElementbyName

不存在，但

文档。getElementsByName

是您可以使用的替代方案。另外，由于您的输入设置为

type=“submit”

，它试图将表单数据提交到未设置的位置，因此我将其更改为

type=“button”

函数myFunction（）{
var-Gender=document.getElementsByName（'Gender'）[0]。值；
var Status=document.getElementsByName（'Status'）[0]。值；
警报（'性别：'+性别+'，状态：'+状态）；
}

h2{
利润上限：50像素
}
输入{
利润上限：50像素
}
标签{
显示：内联块；
宽度：180px；
文本对齐：左对齐；
利润上限：15px
}

表单
输入：
性别：
女性
男性


地位：
单身
已婚的

我明白了，谢谢！！但有一个问题，我在记事本中更正了错误，将其保存为htm文件，然后将该文件作为Chrome HTML文档运行。当我点击submit时，它仍然没有做任何事情。不管我把它放在哪里，它都应该工作吗？