Jaden Casing Strings

Jaden Casing Strings

Have you ever encountered a problem where each word in a string needs to be capitalized? Well, Jaden Casing Strings is the solution to that problem.

In my personal experience, I had a blog where I wrote my thoughts and ideas. One day, I wrote a title for my blog post and found that it was not looking professional as all the words in the title were in lowercase. I researched and found the Jaden Casing Strings technique which helped me capitalize each word in the title of my blog post.

What is Jaden Casing Strings?

Jaden Casing Strings is a technique where each word in a string is capitalized. This technique is named after the famous American actor and rapper, Jaden Smith, who uses this style of capitalization in his tweets and other social media platforms.

How to implement Jaden Casing Strings in HTML?

To implement Jaden Casing Strings in HTML, we need to use JavaScript. Here is one way to do it:

function jadenCase(str) {
  var words = str.toLowerCase().split(" ");
  for (var i = 0; i < words.length; i++) {
    words[i] = words[i].charAt(0).toUpperCase() + words[i].slice(1);
  return words.join(" ");

var str = "hello world";
console.log(jadenCase(str)); // Hello World

The above code first splits the string into an array of words using the split() method. It then loops over each word and capitalizes the first letter of each word using the toUpperCase() and slice() methods. Finally, it joins all the words back into a string using the join() method.

Another way to implement Jaden Casing Strings in HTML is by using a CSS property called text-transform. Here is an example:

  .jaden-case {
    text-transform: capitalize;

<div class="jaden-case">
  hello world

The above code uses the CSS property text-transform to capitalize each word in the div element with the class jaden-case. This method is useful when we want to apply the Jaden Casing Strings style to specific elements on a webpage.


Jaden Casing Strings is a useful technique to capitalize each word in a string. We can implement it in HTML using JavaScript or CSS. It is important to keep our webpage or blog post titles professional-looking, and Jaden Casing Strings is a great solution to achieve that.

Subscribe to The Poor Coder | Algorithm Solutions

Don’t miss out on the latest issues. Sign up now to get access to the library of members-only issues.
[email protected]