como adiciono uma nova class no seguinte codigo, por mais que eu tente não da certo!

<style>

      .nnClass {

      background-color: black;

      color: white;

 }

 </style>

  

 <div class="f_d">33</div>

 <div class="f_d">24</div>

 <div class="f_d">49</div>

 <div class="f_d">55</div>

 <div class="f_d">66</div>

 <div class="f_d">62</div>

 <div class="f_d">53</div>

 <div class="f_d">60</div>

  

 <script>

 var classs = document.getElementsByClassName('f_d');

 var x = 0;

 for(;x<classs.length;x++){

      classs[x].addEventListener('mouseover', function(){

           classs[x].className += "nnClass";

      });

 }

 </script>