javascript - Conversion Uppercase in .liquid

Solution:

You never update the actual element contents:

<script>
var span = document.getElementById("blog_author").innerText.toLowerCase().replace(/\b(\w)/g, x => x.toUpperCase());
  console.log(span);
</script>
Copy code

The code above takes the contents of#blog_author. The text (not the element) is then modified and stored in thespan variable, but the text contents of#blog_author is never updated.

To solve this issue you should reassign the text to the element.

<script>
const elmBlogAuthor = document.getElementById("blogAuthor");
const oldName = elmBlogAuthor.innerText;
const newName = oldName.toLowerCase().replace(/\b\w/g, chr => chr.toUpperCase());
elmBlogAuthor.innerText = newName; // update the element contents

console.log(oldName, "->", newName);
</script>
Copy code