javascript - 我想将 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。
非常感谢你的帮助!
解决方案
在这个 onClick 函数的示例中,您将完全按照您引用的示例执行关键字检查。
if 语句块中的一个示例如下:
if(document.getElementById("user_input").value.includes("I hate the EU!"))
{
antiEuropeExample();
}
此条件返回一个布尔值 true 或 false,具体取决于字符串是否包含您作为参数传入的短语。您必须在 if 语句中包含 && 以指定执行块的最低条件,例如字符串必须包含 xyz、xyz 和 xyz。
推荐阅读
- ruby-on-rails - Rails前端尝试将自动生成的数据保存到没有表单的数据库中
- react-native - 使用 useState 钩子,但是 setter 函数在运行时未定义
- java - 通过代理调用方法,该代理使用内部带有 Transactional 注释的另一个方法,是否会为后一种方法创建事务?
- php - PHP - 多个(很多)if(isset)检查 - 有没有捷径
- javascript - js 我可以用 FileReader 读取文件的一部分吗?
- bash - 在 bash 中运行存储为字符串的 PSQL 查询
- graph - Microsoft Graph API - 列出所有具有 OneDrive 许可证的用户
- vue.js - 如何在 Vue3 中正确获取组件的 this.$el?
- javascript - 为什么我在由 php 回显的按钮中的 onclick 函数不起作用?
- python - 为什么字典的键进入项目内部?