Javascript 创建一个接受用户'；s输入，并在页面加载时将其添加到句子中

我正试图复制这样的东西

我已经编写了一个类似的代码，但它不符合我的需要。任何关于这方面的帮助或指导都将不胜感激

完整的代码添加。我希望能够在第二个提示符上显示我的名字，比如“Greg键入一个形容词”。但我发现这很难

//用户提示列表
变量提示=[
'键入您的姓名'，
“键入一个形容词”，
“输入一个名词”
];
var回答=[]；
//跟踪我们当前的提示
var currentPrompt=0；
//将调用下一个提示符的函数
var nextPrompt=函数（）{
//如果表格中没有答案
如果（currentPrompt！=0）{
push（$（'input'）.val（））；
}
//如果有下一个提示
如果（currentPrompt'）；
//将下一个提示移到变量currentPrompt中
currentPrompt=currentPrompt+1；
}
//或者如果我们在数组的末尾
否则{
//将新消息放入html。
showFinal（）；
}
}
//将用户答案放入HTML
var showFinal=函数（）{
$（'.prompt'）.html（'这是'+answers[0]+'和'+answers[1]+'+answers[2]+'的故事）；
//然后隐藏按钮
$（'button'）.hide（）；
}
//单击按钮时运行NextCompt函数
$（“按钮”）。单击（函数（）{
nextPrompt（）；
});
//js加载后立即显示第一个提示
nextPrompt（）
正文{
文本对齐：居中；
字体系列：“Fjalla One”；
字体大小：20px；
背景：#e6eaf0；
}
钮扣{
利润率：40像素；
}
输入{
字体大小：24px；
}
.填充{
背景：白色；
颜色：红色；
边框底部：2件黑色实心；
字体系列：“将阴影转化为灯光”；
填充：0 6px；
保证金：4倍；
}

下一个
如果只是为了复制用户名，为什么不使用sessionStorage

在提示页面上：

sessionStorage.setItem('name', name.value);
sessionStorage.setItem('adjective', adjective.value);
sessionStorage.setItem('noun', noun.value);

在显示数据的页面上：

$('.prompt').html('This is the story of <span class="fill">'+sessionStorage.getItem('name')+'</span>

$（'.prompt'）.html（'这是'+sessionStorage.getItem（'name'）+'的故事
嗯……很有趣

我设法让下面代码段中的代码按照您指定的方式工作。我在第二个提示中添加了
{name}
。调用该提示时，用户已经在上一个提示中输入了自己的名称=>
答案[0]
已设置，并且是用户名。因此，我在
下一个提示（）中放置了
if
检查当前提示是否是第二个提示。如果是，则我将用
答案[0]
替换
提示[1]
中的
{name}
。这很愚蠢，但我希望您觉得它有用


//用户提示列表
变量提示=[
'键入您的姓名'，
“{name}，键入一个形容词”，
“输入一个名词”
];
var回答=[]；
//跟踪我们当前的提示
var currentPrompt=0；
//将调用下一个提示符的函数
var nextPrompt=函数（）{
//如果表格中没有答案
如果（currentPrompt！=0）{
push（$（'input'）.val（））；
}    
//如果有下一个提示
如果（currentPrompt'）；
//将下一个提示移到变量currentPrompt中
currentPrompt=currentPrompt+1；
}
//或者如果我们在数组的末尾
否则{
//将新消息放入html。
showFinal（）；
}
}
//将用户答案放入HTML
var showFinal=函数（）{
$（'.prompt'）.html（'这是'+answers[0]+'和'+answers[1]+'+answers[2]+'的故事）；
//然后隐藏按钮
$（'button'）.hide（）；
}
//单击按钮时运行NextCompt函数
$（“按钮”）。单击（函数（）{
nextPrompt（）；
});
//js加载后立即显示第一个提示
nextPrompt（）；
正文{
文本对齐：居中；
字体系列：“Fjalla One”；
字体大小：20px；
背景：#e6eaf0；
}
钮扣{
利润率：40像素；
}
输入{
字体大小：24px；
}
.填充{
背景：白色；
颜色：红色；
边框底部：2件黑色实心；
字体系列：“将阴影转化为灯光”；
填充：0 6px；
保证金：4倍；
}

下一个
在第一页上使用POST方法表单。其默认行为是将表单数据作为URL搜索参数发送到第二页。您可以在第二页中查询搜索参数：

第1页：

<form action="secondpage.html" method="POST"> 
<input type="text" name="name" /> 
<input type="submit" value="Submit" /> 
</form>

在加载页面之前，你如何获取输入？此外，如果这是你所有的JS，那么显然它不会工作。可能会向我们提供你所需的HTML和完整的JavaScript.P.s。你的代码需要jQuery，你知道吗？它确实有jQuery我会粘贴完整的代码为什么使用本地存储，而提示都是on在同一页面上，文档仍然加载所有变量？问题是，提示文本已在用户名称中键入之前定义，因此在
提示中不能有
答案[0]
。OP描述了复制将值传递到另一页面的链接示例的功能
document.getElementById("id").innerHTML = window.location.search;