Detect IE10+ & Edge with JS

by Ercan Cicek

HTML

<div>
  <span id="ie">IE10+</span><br />
  <span id="edge">Edge</span>
</div>

CSS

div {
  width: 100%;
  text-align: center;
}

#ie, #edge {
  font-family: "Verdana";
  font-size: 4em;
  text-decoration: line-through;
}

.noLineThrough {
  text-decoration: none !important;
}

JavaScript

let ua = navigator.userAgent,
		isMsBrowser = {
    	ie10: !!(ua.indexOf('MSIE ') !== -1),
      ie11: !!(ua.indexOf('Trident/') !== -1),
      edge: !!(ua.indexOf('Edge/') !== -1)
    };
    
if(isMsBrowser.ie10 || isMsBrowser.ie11) document.getElementById('ie').className += ' noLineThrough';
if(isMsBrowser.edge) document.getElementById('edge').className += ' noLineThrough';