我想將 getElementByID 方法與 String Includes () 方法一起使用。 我怎樣才能做到這一點？

Question

在我正在制作的網站上，我有這個腳本來檢查用戶是否輸入了某個關鍵短語，如果已提交關鍵短語，則調用 function。

function onClick() {
                if (document.getElementById("user_input").value === "I hate the EU!")
                {
                    antiEuropeExample();
                }

基本上，如果用戶輸入正是“我討厭歐盟”； antiEuropeExample()。 function 調用，我想知道是否可以讓 function 查找關鍵字。 所以只要關鍵字存在 function 就會調用，所以。 而不必准確輸入“我討厭歐盟！” 你可以輸入“歐盟糟透了”，function 仍然會打電話。

我在網上找到了這個方法：

<script>
function myFunction() {
  var str = "Hello world, welcome to the universe.";
  var n = str.includes("world");
  document.getElementById("demo").innerHTML = n;
}
</script>

這看起來很有希望，但我不知道如何將我已經編寫的腳本和 str.includes 方法結合起來； 我不知道這是否可能，或者是否有更簡單的方法。 似乎在這個例子中，你必須在代碼中自己定義字符串，這對我沒有幫助，因為用戶可以在網站中輸入任何內容（或者我可能誤解了代碼，我不知道，）我目前只使用 JavaScript，而不是 JQuery。 如果這有幫助。

非常感謝你的幫助！

Answer 1

在此示例中，您的 onClick function 您將完全按照您引用的示例執行關鍵字檢查。

if 語句塊中的一個示例如下：

if(document.getElementById("user_input").value.includes("I hate the EU!"))
{
    antiEuropeExample();
}

此條件返回 boolean 真或假，具體取決於字符串是否包含您作為參數傳入的短語。 您必須在 if 語句中包含 && 以指定執行塊的最低條件，例如字符串必須包含 xyz、xyz 和 xyz。

Answer 2

你想要這樣的東西嗎？

 function onClick() { if (document.getElementById("user_input").value.includes("EU")) { //antiEuropeExample(); alert("ANTI EU;!!"); } }

 <input id="user_input"> <button onclick="onClick()">CLick:)</button>

只有一些信息： .includes() 區分大小寫，因此上面的示例僅在您編寫EU時才有效，而不是在您編寫eu時。

如果您想讓它不區分大小寫，請嘗試在.includes() 之前放置.toUpperCase()：

 function onClick() { if (document.getElementById("user_input").value.toUpperCase().includes("EU")) { //antiEuropeExample(); alert("ANTI EU;!!"); } }

 <input id="user_input"> <button onclick="onClick()">CLick:)</button>