使用Javascript检查字符串是否包含HTML中的单词或子字符串

Question

Im trying to get the value of my admin textarea and check if the textarea of user have the substring or word that matches the admin value, when the user input 1 word and matches the admin it would say correct but when the user input a sentence with the correct word in admin it would say error instead of correct can you help pls

 var a = document.getElementById('admin'); var b = document.getElementById('user'); function sample() { if (a.value.includes(b.value)) { document.getElementById('output').innerHTML = "USER INPUT WITH KEYWORD"; } else { document.getElementById('output').innerHTML = "USER INPUT WITHOUT KEYWORD"; } }

 <textarea id="admin" placeholder="admin"></textarea> <textarea id="user" placeholder="user"></textarea> <textarea id="output"></textarea> <button style="height: 50px; width: 100px;" onclick="sample()"> </buttom>

Answer 1

As @Chris G said,

Your code is checking if the user value is inside the admin value, not the other way around. Instead of a and b , use descriptive variable names to prevent basic mistakes like this.

In your code, you are checking if the admin value has the substring or word that matches the user value, but in your question, you wanted it the other way around. One simple way to prevent this mistake is by double checking your variables, or by putting in more descriptive names. For example, instead of using a and b as your variable names, use admin and user .
Corrected Code:

var a = document.getElementById('admin');
var b = document.getElementById('user');

function sample() {
  if (b.value.includes(a.value)) {
    document.getElementById('output').innerHTML = "USER INPUT WITH KEYWORD";
  } else {
    document.getElementById('output').innerHTML = "USER INPUT WITHOUT KEYWORD";
  }
}

Corrected Code with better practices:

var admin = document.getElementById('admin');
var user = document.getElementById('user');

function sample() {
  if (user.value.includes(admin.value)) {
    document.getElementById('output').innerHTML = "USER INPUT WITH KEYWORD";
  } else {
    document.getElementById('output').innerHTML = "USER INPUT WITHOUT KEYWORD";
  }
}