首页 > 解决方案 > 我想将 getElementByID 方法与 String Includes () 方法一起使用。我怎样才能做到这一点?

问题描述

在我正在制作的网站上,我有这个脚本来检查用户是否输入了某个关键短语,如果已提交关键短语,则调用一个函数。

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

基本上,如果用户输入正是“我讨厌欧盟!” antiEuropeExample(); 函数调用。我想知道是否可以让函数查找关键字,所以只要关键字存在,函数就会调用。因此,不必准确输入“我讨厌欧盟!” 您可以键入“欧盟糟透了”,该函数仍会调用。

我在网上找到了这个方法:

<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。

非常感谢你的帮助!

标签: javascripthtmlstringfunctiongetelementbyid

解决方案


在这个 onClick 函数的示例中,您将完全按照您引用的示例执行关键字检查。

if 语句块中的一个示例如下:

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

此条件返回一个布尔值 true 或 false,具体取决于字符串是否包含您作为参数传入的短语。您必须在 if 语句中包含 && 以指定执行块的最低条件,例如字符串必须包含 xyz、xyz 和 xyz。


推荐阅读