我想将 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>