Capitalize first letter of name

Capitalize first letter of name

by anay1231

HTML

<h1>ORIGINAL</h1>

<div id="original">ORIGINAL</div>

<h1>With JAVASCRIPT</h1>

<div id="capitalize">NEW</div>

<h1>With CSS</h1>

<span id="css">clarks summit, penNSYlvania,	a place  in the United states also known as the USA!</span>

CSS

@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Lobster);
span {
  text-transform: capitalize;
}
h1 {
  color: #C00;
  margin: 20px;
  text-decoration: underline;
  font-family: 'Lobster', cursive;
  text-traslate:
}

div,
span {
  font-weight: 700;
  font-family: 'Open Sans', sans-serif;
  margin: 10px;
  display: block;
}

JavaScript

var firstlast = "clarks summit, penNSYlvania,	a place  in the United states (also known as the USA)!";


String.prototype.capitalize = function() {
  return this.replace(/\b(\w+)\b/g, function(a) {
    (a.match(/^[A-Z]{2,}$/)) ? x = a.slice(1): x = a.slice(1).toLowerCase();
    return a.charAt(0).toUpperCase() + x;
  });
};

document.getElementById("original").innerHTML = firstlast;
document.getElementById("capitalize").innerHTML = firstlast.capitalize();