幫助，陷入邏輯變量比較循環，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

一種方法是擁有一個列表或一組先前搜索的單詞。 這樣，您無需將變量分配值，而是將搜索詞添加到列表或集合中。 盡管這帶來了您是否希望搜索歷史不受限制以及是否要存儲重復搜索條目的問題。