时间戳

首页 > 解决方案 > 在 JavaScript 中，一旦用户提交了一个值，我如何保持输入值的打印？

javascript - 在 JavaScript 中，一旦用户提交了一个值，我如何保持输入值的打印？

问题描述

我正在尝试完成附图中显示的以下任务。如您所见，有 5 个提交，如何才能将所有 5 个提交都打印在页面上？到目前为止，我只能保留 1 个提交，但是一旦我提交另一个，它就会替换它。这是我的code。

var i = ",";
var listItem = " ";
var count = 0;

document.getElementById("sButton").addEventListener("click", processInput, false);

function processInput() {

    if (listItem = document.getElementById("inputText").value) {

        var inputValue = document.getElementById("inputText").value;
        document.getElementById("label").innerHTML = inputValue + ",";
    }

    else {
        (document.getElementById("label").innerHTML = " ");
    }

    if (count++ == 4) {            
        document.getElementById("message").innerHTML = "Gracias por sus 
                     sugerencias."
    }
}```

[Here, right below the textbox, it's showing 5 items/inputs that were submitted. How do I keep those and not lose them when another input is submitted?][1][1]: https://i.stack.imgur.com/4zRuT.png

标签： javascriptif-statementinput

解决方案

您需要通过与先前连接来保留现有值。不要将其写入innerHTML，而是将其与先前的值连接。请覆盖以下代码片段。

if (listItem = document.getElementById("inputText").value) {

  var inputValue = document.getElementById("inputText").value;
  document.getElementById("label").innerHTML += inputValue + ",";
} else {
  (document.getElementById("label").innerHTML = "");
}

if (count++ == 4) {

  document.getElementById("message").innerHTML = "Gracias por sus 
  sugerencias.
  "
}

推荐阅读