Today, my mentor taught string methods in JavaScript, and then gave us some tasks to practice.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- Desc: string to lowercase -->
<!-- <h1>String Lowercase()</h1>
<p>JavaScript is the world's most popular programming language</p>
<button onClick="Lowercase()">Change text</button>
<div id="Change"></div>
<script>
function Lowercase() {
let text = "JavaScript is the world's most popular programming language";
document.getElementById("Change").innerText = text.toLocaleLowerCase();
}
</script> -->
<!-- Desc: String concat -->
<!-- <h1>String Concat()</h1>
<p>show my name</p>
<div id="concat"></div>
<script>
let text1 = "Chithra";
let text2 = "Priya";
let text3 = text1.concat(" ", text2);
document.getElementById("concat").innerHTML = text3;
</script>
<!-- Desc: Strinng Trim -->
<!-- <h1>String trim()</h1>
<p id="trim"></p>
<script>
let text1 = " Hello World! ";
let text2 = text1.trimStart();
document.getElementById("trim").innerHTML =
"Length text1 = " + text1.length + "<br>Length text2 = " + text2.length;
</script> -->
<!-- Desc: Trim start -->
<!-- <h1>The trimStart()</h1>
<p id="demo"></p>
<script>
let text1 = " chithra priya! ";
let text2 = text1.trimStart();
document.getElementById("demo").innerHTML =
"Length text1 = " + text1.length + "<br>Length text2 = " + text2.length;
</script> -->
<!-- Desc: Trim end -->
<!-- <h1>The trimEnd()</h1>
<p id="demo"></p>
<script>
let text1 = " Chithrapriya ";
let text2 = text1.trimEnd();
document.getElementById("demo").innerHTML =
"Length text1 = " + text1.length + "<br>Length text2 = " + text2.length;
</script> -->
<!-- Desc: String padStart -->
<!-- <h1>The padStart()</h1>
<p>It pads the string with another string (multiple times) until it reaches a given length.</p>
<p id="demo"></p>
<script>
let text = "5";
text = text.padStart(10,"1");
document.getElementById("demo").innerHTML = text;
</script> -->
Desc: String padEnd
<h1>The padEnd()</h1>
<p>It pads the string with another string (multiple times) until it reaches a given length.</p>
<p id="demo"></p>
<script>
let text = "5";
text = text.padEnd(10,"0");
document.getElementById("demo").innerHTML = text;
</script>
</body>
</html>
Top comments (0)