Javascript 如何将文本框输入设置为变量

我目前刚刚开始使用JavaScript和HTML。我已经使用HTML和CSS有一段时间了，但我最近才接触到Python，所以现在我觉得我将更加能够理解JavaScript

我现在正在研究我的一个想法，一个幸运饼干制造商。用户将文本输入到文本框输入中。这存储在一个变量中。当用户单击ok时，它从文本框中获取文本，并将其设置为该变量。然后，它切换页面，从脚本中获取变量，并将段落设置为该变量的文本值

但是，我的问题是，段落不会显示文本

这是我的密码：

var fortune=null；
函数dispTxt（）{
var txt=document.getElementById（'textbox'）。值；
var hid=document.getElementById（'conftxt'）；
如果（txt.length>0）{
//hid.style.display='block'；
document.getElementById（“conftxt”）.style.opacity=1；
document.getElementById（“textbox”）.style.color=“#ffffff”；
}否则{
//hid.style.display='none'；
document.getElementById（“conftxt”）.style.opacity=0；
//document.getElementById（“textbox”）.style.color=“#000000”；
}
document.getElementById（“txt”）.addEventListener（“onkeyup”，function（））{
dispTxt（）；
})
};
函数确认（）{
//获取用户输入的文本。
fortune=document.getElementById（“conftxt”）.value；
window.location=“fortune.html”；
《财富》杂志；
}
函数setFortune（）{
document.getElementById（'fortunetext'）。value=fortune；
}

这里有一个自己的参考

另外，如果有人对我应该如何制作幸运饼干有任何建议，请告诉我。 我基本上只是希望它是这样的，一旦你确认了财富所说的，财富饼干就会出现，你可以点击它，打开它，它就会显示财富

---

谢谢

你说

fortune=document.getElementById（“conftxt”）.value，但#conftxt是按钮元素

fortune=document.getElementById（“textbox”）.value就可以了

但是由于页面刷新/重定向到fortune.html，变量
fortune
再次被清除

您有两个选择：

使用一个HTML页面，因此不使用重定向


将变量存储在或中


将该值传递到URL参数中。链接：及


我推荐1.
你说
fortune=document.getElementById（“conftxt”）.value，但#conftxt是按钮元素

fortune=document.getElementById（“textbox”）.value就可以了

但是由于页面刷新/重定向到fortune.html，变量
fortune
再次被清除

您有两个选择：

使用一个HTML页面，因此不使用重定向


将变量存储在或中


将该值传递到URL参数中。链接：及


我建议使用1。
无法获取值，因为获取的元素错误

function confirm () {
  fortune = document.getElementById("conftxt").value;
  ...
}

应该是

function confirm () {
    fortune = document.getElementById("textbox").value;
  ...
}

另外，您正在不同的页面之间导航，因此需要传递此值，因为获取的元素错误，所以无法获取该值

function confirm () {
  fortune = document.getElementById("conftxt").value;
  ...
}

应该是

function confirm () {
    fortune = document.getElementById("textbox").value;
  ...
}

另外，您正在不同的页面之间导航，因此，您需要传递此值
不确定我是否完全理解，但您想存储一个页面中的值并在另一个页面中使用它吗？您可以使用或。看起来您正在页面之间导航（设置window.location可以做到这一点），这将破坏并重新创建JS运行时环境，因此您的局部变量将被清除@波利维勒先生的建议很好。或者你可以在导航时通过URL参数传递，或者你可以将其构建为单页应用程序（SPA）。哦，好吧，我不知道，谢谢。我如何通过URL参数传递它？我不确定我是否完全理解，但您希望存储一个页面中的值并在另一个页面中使用它？您可以使用或。看起来您正在页面之间导航（设置window.location可以做到这一点），这将破坏并重新创建JS运行时环境，因此您的局部变量将被清除@波利维勒先生的建议很好。或者你可以在导航时通过URL参数传递，或者你可以将其构建为单页应用程序（SPA）。哦，好吧，我不知道，谢谢。我如何通过URL参数传递它？哇，我不知道我怎么没有意识到，谢谢。哇，我不知道我怎么没有意识到，谢谢。谢谢！我想，我会通过隐藏和取消隐藏div来做#1，这是可能的。您还可以使用.remove（）和.insertAdjacentHTML（）。看看什么最适合你。我真的不知道什么是最佳实践。好的，谢谢。如果我决定不只使用一个HTML页面，你认为其他选项中哪一个最容易实现？选项2。但这取决于你的经验。只是检查一下，然后进行实验。是的，我主要看了选项二，我还没有让它工作。谢谢！我想，我会通过隐藏和取消隐藏div来做#1，这是可能的。您还可以使用.remove（）和.insertAdjacentHTML（）。看看什么最适合你。我真的不知道什么是最佳实践。好的，谢谢。如果我决定不只使用一个HTML页面，你认为其他选项中哪一个最容易实现？选项2。但这取决于你的经验。只是检查一下，然后进行实验。是的，我主要看了选项二，我还没有让它工作。