Javascript 如何接受姓名和号码输入并将其添加到文档/网页

我已经用Word制作了一份文档，我希望人们能将他们的姓名以及他们的教学经验添加到文档中。我已将其保存为网页并发布在此处：

…但实际操作部分仅此而已：

它类似于请愿书，因为名字被附加到文档的底部，但它需要更多的功能，因为我想获取“经验年数”字段的总和，并将该总和插入文档本身（即“我们，以下签名者，代表“XXX”经验年数…”等）。一旦人们点击“添加我作为签字人的姓名”按钮，它会将他们的姓名和年经验输入下一个可用的空行，然后在下一行添加下一个人的信息，等等。一旦他们点击“提交”，信息将不可编辑。我不需要高安全性-没有人会关心这个文档来做任何恶意的事情-但是我想避免一个用户错误，比如删除以前签名的人的名字

我找到并编辑了HTML，它将创建两个字段以获取输入：

<form action="action_page.php">
Add my name as a signatory:<br>
<input type="text" name="FLName" value="Name">
<br>
Years Experience:<br>
<input type="number" name="YrsExp" value="Years Experience">
<br><br>
<input type="submit" value="Submit">
</form>

将我的姓名添加为签字人：



年工作经验：

…但我不知道如何获取输入字段并用它填充文档中的空行，也不知道如何将数字输入限制为正数选择，并且文档中的总YrsExp总和不是我能找到的任何帖子都能解决的问题。我认为，使其更美观（将输入字段切换到与文本对齐）是非常简单的（？）

我更希望它是一个单独的弹出窗口，用于接收输入，并发现这样的代码：

<script>
window.onload=function()
{
    var el=document.getElementById('button');
    el.onclick=function(){
        var my_text=prompt('Enter text here');
        if(my_text) alert(my_text); // for example I've made an alert
    }
}
</script>

window.onload=function（）
{
var el=document.getElementById（'button'）；
el.onclick=函数（）{
var my_text=prompt（'在此处输入文本'）；
if（my_text）alert（my_text）；//例如，我发出了一个警报
}
}

…但这并没有创建一个弹出窗口，我不知道如何将输入传递到文档中

我不知道该怎么问，所以这不是一个“为我编写代码”的问题，因为情况相当具体

---

我在哪里可以找到这些方法呢？

我不建议使用word创建网页。这是因为word有时只对静态页面非常简单。这意味着没有惊人的效果，没有响应性的设计，但主要是没有交互性（弹出式表单等） 警报的代码应为：

<script>

    window.onload=function()
    {
        var el=document.getElementById('button');
        el.onclick=function(){
            var my_text=prompt('Enter text here');
            if(my_text) {alert(my_text); // for example I've made an alert
        }
    }
    </script>

window.onload=function（）
{
var el=document.getElementById（'button'）；
el.onclick=函数（）{
var my_text=prompt（'在此处输入文本'）；
if（my_text）{alert（my_text）；//例如，我发出了一个警报
}
}

现在，如果您希望有一个表单，用户将输入一些内容，您可以这样做： html

警觉的
javascript
功能体验（）{
var user_input=document.getElementById（'years'）；
警报（“您拥有”+用户输入值+“多年经验”）；
}

另外。如果你想保存每个提交的值，你需要一个服务器端语言，比如PHP。提交的值也不能保存在原始文档文件中。因此，你最好从一开始就创建一个新的.PHP文件或.html文件。这是我找到的一个关于PHP和表单提交的好网站

---

谢谢你的建议。有几件事：1）虽然按钮被添加了，但它不是弹出窗口。2）输入的文本没有一个显示在页面上。3）我想继续向文档添加名称-这可能吗？换句话说，一个用户输入他们的名称，它被添加到文档底部，然后下一个加载页面的人看到当他们读到这个名字，然后加上他们的名字，然后第三个人在底部看到两个名字，等等。4）如果我用的不是Word，那么我应该用什么呢？肯定的进展：谢谢！现在如果我能找出FLName字段的来源或去向，也许我会有一个句柄。它找不到文件：“/action\u page.php”或变量/字段：“/action\u page.php？FLName=David+Low&YrsExp=14”我应该阅读php吗？这就是奇怪的部分：我不知道FLName或YrsExp的引用来自哪里，因为我没有编写任何表单代码！奇怪……无论如何，那个php网站很棒：谢谢！

<input type="text" id="years">
<button onclick="experience()">Alert</button>
javascript
<script>

function experience(){
var user_input=document.getElementById('years');
alert("You have "+user_input.value+" years of experience");
}

</script>