how to capitalize for all first letters in javascript?
Hello Guys, I am a newbie in Html & Javascript. I have a heading tag and a button and I want to capitalize for all first letters of heading tag when I click Change button. See the example below:
<h2>hello html and javascript</h2>
<button type="button"> Change </button>
If using CSS I know I can use text-transform: capitalize;
to help capitalize. But I only want to use Javascript. How can I do it?
Thanks for any suggestions.
-
Đ1
Đàm Ngọc Sơn Aug 02 2021
You are making the complex a very easy thing. You can add this in your CSS:
.capitalize-text { text-transform: capitalize; }
In JavaScript, you can add the class to an element by id:
document.getElementById("element_id").className = "capitalize-text";
-
R0
Rubén Romero Cadena Aug 02 2021
Oh, It's so easy. You can use javascript and add
text-transform: capitalize;
CSS for your heading tag. You can see an example below:<h2 id="heading">hello html and javascript</h2> <button type="button" onclick="ChangeUp()"> Change </button> <script> function ChangeUp(){ document.getElementById("heading").style="text-transform: capitalize;"; } </script>
You can run the above example here.
-
D0
Dương Trang Quốc Aug 02 2021
You can try as below:
const str = 'title of the document'; function capitalize(str) { return str.charAt(0).toUpperCase() + str.slice(1); } const caps = str.split(' ').map(capitalize).join(' '); alert(caps);
You can run a demo here.
* Type maximum 2000 characters.
* All comments have to wait approved before display.
* Please polite comment and respect questions and answers of others.