<!DOCTYPE html>
<
html
>
<
head
>
<
title
>
How to know that a string starts/ends
with a specific string in jQuery?
</
title
>
<
script
src
=
</
script
>
</
head
>
<
body
>
<
h1
id
=
"text"
>
Welcome To GEEKS FOR GEEKS!!!
</
h1
>
<
h2
>
Check whether a word is present
in the above sentence
</
h2
>
<
input
type
=
"text"
id
=
"startkey"
>
<
input
type
=
"text"
id
=
"endkey"
>
<
button
onclick
=
"MyFunction()"
> Check </
button
>
<
h2
> startsWith() and endsWith() method </
h2
>
<
h2
id
=
"startswith"
> </
h2
>
<
h2
> indexOf() method </
h2
>
<
h2
id
=
"indexOf"
></
h2
>
<
h2
> search() method </
h2
>
<
h2
id
=
"search"
></
h2
>
<
h2
> substring() method </
h2
>
<
h2
id
=
"substring"
></
h2
>
<
h2
> substr() method </
h2
>
<
h2
id
=
"substr"
> </
h2
>
<
h2
> slice() method </
h2
>
<
h2
id
=
"slice"
></
h2
>
<
script
>
let str = document.getElementById("text").innerText;
stringlength = str.length;
let startword = "";
let endword = "";
function MyFunction() {
startword = document.getElementById("startkey").value;
endword = document.getElementById("endkey").value;
console.log(startword);
console.log(endword)
startwordlength = startword.length;
endwordlength = endword.length;
if (str.startsWith(startword) && str.endsWith(endword)) {
// case sensitive
let h2 = document.getElementById("startswith");
h2.innerHTML =
"Yes, The string " + str + " starts with "
+ startword + " and ends with " + endword;
}
else {
let h2 = document.getElementById("startswith");
h2.innerHTML =
"No, The string " + str +
" doesn't start and endwith the given words";
}
//Js
if (str.indexOf(startword) == 0 && str.indexOf(
endword) == stringlength - endwordlength) {
let h2 = document.getElementById("indexOf");
h2.innerHTML =
"Yes, The string " + str + " starts with "
+ startword + " and ends with " + endword;
}
else {
let h2 = document.getElementById("indexOf");
h2.innerHTML =
"No, The string " + str +
" doesn't start and endwith the given words";
}
//Js
if (str.search(
startword) == 0 && str.search(endword)
== stringlength - endwordlength) {
// case sensitive
let h2 = document.getElementById("search");
h2.innerHTML = "Yes, The string " + str +
" starts with " + startword +
" and ends with " + endword;
}
else {
let h2 = document.getElementById("search");
h2.innerHTML = "No, The string " + str +
" doesn't start and endwith the given words";
}
//Js
if (str.substring(
0, startwordlength) == startword && str.substring(
stringlength - endwordlength, stringlength) == endword) {
let h2 = document.getElementById("substring");
h2.innerHTML =
"Yes, The string " + str + " starts with "
+ startword + " and ends with " + endword;
}
else {
let h2 = document.getElementById("substring");
h2.innerHTML =
"No, The string " + str +
" doesn't start and endwith the given words";
}
if (str.substr(
0, startwordlength) == startword && str.substr(
stringlength - endwordlength, endwordlength) == endword) {
let h2 = document.getElementById("substr");
h2.innerHTML =
"Yes, The string " + str + " starts with "
+ startword + " and ends with " + endword;
}
else {
let h2 = document.getElementById("substr");
h2.innerHTML =
"No, The string " + str +
" doesn't start and endwith the given words";
}
if (str.slice(
0, startwordlength) == startword && str.slice(
stringlength - endwordlength, stringlength) == endword) {
let h2 = document.getElementById("slice");
h2.innerHTML =
"Yes, The string " + str + " starts with " +
startword + " and ends with " + endword;
}
else {
let h2 = document.getElementById("slice");
h2.innerHTML =
"No, The string " + str +
" doesn't start and endwith the given words";
}
}
</
script
>
</
body
>
</
html
>