时间戳

首页 > 解决方案 > 如何将文本框输入设置为变量

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

问题描述

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

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

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

这是我的代码：

var fortune = null;

function dispTxt() {
  var txt = document.getElementById('textbox').value;
  var hid = document.getElementById('conftxt');

  if (txt.length > 0) {
    //hid.style.display = 'block';
    document.getElementById("conftxt").style.opacity = 1;
    document.getElementById("textbox").style.color = "#ffffff";
  } else {
    //hid.style.display = 'none';
    document.getElementById("conftxt").style.opacity = 0;
    //document.getElementById("textbox").style.color = "#000000";
  }

  document.getElementById("txt").addEventListener("onkeyup", function() {
    dispTxt();
  })
};

function confirm() {
  //Get the text that is inputted by the user.
  fortune = document.getElementById("conftxt").value;
  window.location = "fortune.html";
  window.alert(fortune);
}

function setFortune() {
  document.getElementById('fortunetext').value = fortune;
}

这是 repl本身的链接以供参考。

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

谢谢！

标签： javascripthtml

解决方案

你说fortune = document.getElementById("conftxt").value;，但#conftxt 是按钮元素。

fortune = document.getElementById("textbox").value;会做

但是因为页面刷新/重定向到 fortune.html 变量fortune再次被清除。

你有两个选择：

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

  2. 将变量存储在localStorage或sessionStorage

  3. 将值传递到 URL 参数中。链接：将变量传递给 URL并从 URl 获取传递的变量

我推荐1。

推荐阅读