title: Showing month name from users input using JS switch case
body: <p>HTML:</p>
  
  <pre><code>&lt;div&gt;
      &lt;input type = "text" id="checkMonth" required='' min="1" max="12" maxlength="12"&gt;
      &lt;p id="show"&gt;&lt;/p&gt;
      &lt;button id="showMonth"&gt;check&lt;/button&gt;
  &lt;/div&gt;     
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>var a = parseInt(document.getElementById('checkMonth').value); 
  var m = '';
  switch (a) {  
      case 1: m = 'Jan'; break;
      case 2: m = 'Feb'; break;
      case 3: m = 'Mar'; break;
      case 4: m = 'Apr'; break;
      case 5: m = 'May'; break;
      case 6: m = 'Jun'; break;
      case 7: m = 'Jul'; break;
      case 8: m = 'Aug'; break;
      case 9: m = 'Sep'; break;
      case 10: m = 'Oct'; break;
      case 11: m = 'Nov'; break;
      case 12: m = 'Dec'; break;
      default: break;
  }
  document.getElementById('showMonth').addEventListener('click', function(){
      document.getElementById('show').innerHTML = m;
  });
  </code></pre>
  
  <p>Sorry for a bit noisy code . so I came around with this . But this still not working as it is showing undefined !! don't know why !!</p>