帮助，陷入逻辑变量比较循环，javascript

Question

我有一个输入文本框，用于搜索输入，该文本框的ID为：id =“ search”。

如果用户首先输入“ cat”并点击搜索。

在函数中，使用以下语法获取值“ cat”：

var input = document.getElementById("search").value;

之后，用户在搜索框中输入“ dog”，然后使用相同的功能进行搜索。

该函数会将“ dog”分配给输入变量。

如何将当前值（狗）与先前输入的值（猫）进行比较？

我试图用语句分配原始输入，例如

var orig = input;

但这只会用新输入覆盖原始输入。

解决此问题的逻辑方法是什么。

Answer 1

var original = "";

function searchHandler() {
   var input = document.getElementById("search").value;

   if(input != original) {
      //handle case if input is not equal to original
   }

   else {
     //handle case if input is equal to original
   }

   original = input;
}

此代码将保留最后输入的值的历史记录（仅在客户端）。 如果要保持多个值，则解决方案会稍微复杂一些； 您可以使用堆栈。

Answer 2

一种方法是拥有一个列表或一组先前搜索的单词。 这样，您无需将变量分配值，而是将搜索词添加到列表或集合中。 尽管这带来了您是否希望搜索历史不受限制以及是否要存储重复搜索条目的问题。