HTML-JS-CSS/practical_5.html at main · madanrajsagar/HTML-JS-CSS · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<!DOCTYPE html>
<html>
<head>
  <title>String Operations</title>
</head>
<body>
  <input type="text" id="inputString" placeholder="Enter a string">

  <button onclick="processString()">Process String</button>
  <p id="result"></p>

  <script>
    function processString() {
      let inputString = document.getElementById("inputString").value;

      // String length
      let length = inputString.length;

      // Accessing characters
      let firstChar = inputString.charAt(0);
      let lastChar = inputString.charAt(length - 1);

      // Concatenating strings
      let concatenatedString = "Hello, " + inputString + "!";

      // Converting to uppercase and lowercase
      let uppercaseString = inputString.toUpperCase();
      let lowercaseString = inputString.toLowerCase();

      // Finding substrings
      let substring = inputString.substring(2, 5);

      // Replacing substrings
      let replacedString = inputString.replace("world", "universe");

      // Splitting a string into an array
      let words = inputString.split(" ");

      // Displaying the results
      document.getElementById("result").innerHTML = "Length: " + length + "<br>";
      document.getElementById("result").innerHTML += "First character: " + firstChar + "<br>";
      document.getElementById("result").innerHTML += "Last character: " + lastChar + "<br>";
      document.getElementById("result").innerHTML += "Concatenated string: " + concatenatedString + "<br>";
      document.getElementById("result").innerHTML += "Uppercase: " + uppercaseString + "<br>";
      document.getElementById("result").innerHTML += "Lowercase: " + lowercaseString + "<br>";
      document.getElementById("result").innerHTML += "Substring: " + substring + "<br>";
      document.getElementById("result").innerHTML += "Replaced string: " + replacedString + "<br>";
      document.getElementById("result").innerHTML += "Words: " + words;
    }
  </script>
</body>
</html>