How how to add a class name to element

Example how to add a class name to an element with JavaScript

by ITpresent

HTML

<p id="myDiv">IT  present</p>

<button onclick="myFunction()">CLICK HERE</button>






















<br><br><br>
<a href="https://itpresent.com/web/javascript/javascript_examples.php" target="_blank">Javascript Examples</a>

CSS

.a {
  
 background-color: #2d3e43;
  font-size: 90px;
  color: white;
  -webkit-text-stroke: 1px silver;
  text-shadow:
    1px 1px 0px #c4dbe2,
    2px 2px 0px #b4d1d9,
    3px 3px 0px #a6c6cf,
    4px 4px 0px #94b8c3,
    5px 5px 0px #87aeb9,
    6px 6px 0px #7aa3af
}

JavaScript

function myFunction() {
  var element = document.getElementById("myDiv");
  element.classList.add("a");
}