Remove various classes 3 (#8377)

* Remove 'language-js'

* Remove 'line-numbers'

* Clean up more code block classes

* Remove a couple more

Author: wbamberg

files/en-us/web/api/analysernode/getfloatfrequencydata/index.html

@@ -54,7 +54,7 @@ <h3 id="Drawing_a_spectrum">Drawing a spectrum</h3>
 
 <p>For more complete applied examples/information, check out our <a href="https://mdn.github.io/voice-change-o-matic-float-data/">Voice-change-O-matic-float-data</a> demo (see the <a href="https://github.com/mdn/voice-change-o-matic-float-data">source code</a> too).</p>
 
-<pre class="brush: html,">&lt;!doctype html&gt;
+<pre class="brush: html">&lt;!doctype html&gt;
 &lt;body&gt;
 &lt;script&gt;
 const audioCtx = new AudioContext();

files/en-us/web/api/audiotrack/language/index.html

@@ -51,7 +51,7 @@ <h2 id="Example">Example</h2>
 <p>This could then be used to build a user interface for selecting the language the user
   would like to listen to while watching a movie, for example.</p>
 
-<pre class="brush: js line-numbers language-js">function getAvailableLanguages(el) {
+<pre class="brush: js">function getAvailableLanguages(el) {
   var trackList = [];
   const wantedKinds = [
     "main", "translation"

files/en-us/web/api/blob/blob/index.html

@@ -52,7 +52,7 @@ <h3 id="Return_value">Return value</h3>
 
 <h2 id="Example">Example</h2>
 
-<pre class="brush: js  language-js">var aFileParts = ['&lt;a id="a"&gt;&lt;b id="b"&gt;hey!&lt;/b&gt;&lt;/a&gt;']; // an array consisting of a single DOMString
+<pre class="brush: js ">var aFileParts = ['&lt;a id="a"&gt;&lt;b id="b"&gt;hey!&lt;/b&gt;&lt;/a&gt;']; // an array consisting of a single DOMString
 var oMyBlob = new Blob(aFileParts, {type : 'text/html'}); // the blob</pre>
 
 <h2 id="Specifications">Specifications</h2>

files/en-us/web/api/bytelengthqueuingstrategy/bytelengthqueuingstrategy/index.html

@@ -41,7 +41,7 @@ <h3 id="Exceptions">Exceptions</h3>
 <h2 id="Examples">Examples</h2>
 
 <pre
-  class="brush: js line-numbers  language-js">const queuingStrategy = new ByteLengthQueuingStrategy({ highWaterMark: 1 });
+  class="brush: js ">const queuingStrategy = new ByteLengthQueuingStrategy({ highWaterMark: 1 });
 
 const readableStream = new ReadableStream({
   start(controller) {

files/en-us/web/api/bytelengthqueuingstrategy/index.html

@@ -34,7 +34,7 @@ <h2 id="Methods">Methods</h2>
 
 <h2 id="Examples">Examples</h2>
 
-<pre class="brush: js line-numbers  language-js">const queueingStrategy = new ByteLengthQueuingStrategy({ highWaterMark: 1 });
+<pre class="brush: js ">const queueingStrategy = new ByteLengthQueuingStrategy({ highWaterMark: 1 });
 
 const readableStream = new ReadableStream({
   start(controller) {

files/en-us/web/api/bytelengthqueuingstrategy/size/index.html

@@ -36,7 +36,7 @@ <h3 id="Return_value">Return value</h3>
 <h2 id="Examples">Examples</h2>
 
 <pre
-  class="brush: js line-numbers  language-js">const queuingStrategy = new ByteLengthQueuingStrategy({ highWaterMark: 1 });
+  class="brush: js ">const queuingStrategy = new ByteLengthQueuingStrategy({ highWaterMark: 1 });
 
 const readableStream = new ReadableStream({
   start(controller) {

files/en-us/web/api/client/type/index.html

@@ -33,7 +33,7 @@ <h3 id="Value">Value</h3>
 <h2 id="Example">Example</h2>
 
 <pre
-  class="brush: js line-numbers language-js">// service worker client (e.g. a document)
+  class="brush: js">// service worker client (e.g. a document)
 function sendMessage(message) {
   return new Promise(function(resolve, reject) {
     // note that this is the ServiceWorker.postMessage version

files/en-us/web/api/comment/comment/index.html

@@ -22,7 +22,7 @@ <h2 id="Syntax">Syntax</h2>
 
 <h2 id="Example">Example</h2>
 
-<pre class="brush: js  language-js">var comment = new Comment("Test");</pre>
+<pre class="brush: js ">var comment = new Comment("Test");</pre>
 
 <h2 id="Specifications">Specifications</h2>
 

files/en-us/web/api/countqueuingstrategy/countqueuingstrategy/index.html

@@ -40,7 +40,7 @@ <h3 id="Exceptions">Exceptions</h3>
 <h2 id="Examples">Examples</h2>
 
 <pre
-  class="brush: js line-numbers  language-js">const queuingStrategy = new CountQueuingStrategy({ highWaterMark: 1 });
+  class="brush: js ">const queuingStrategy = new CountQueuingStrategy({ highWaterMark: 1 });
 
 const writableStream = new WritableStream({
   // Implement the sink

files/en-us/web/api/countqueuingstrategy/index.html

@@ -34,7 +34,7 @@ <h2 id="Methods">Methods</h2>
 
 <h2 id="Examples">Examples</h2>
 
-<pre class="brush: js line-numbers  language-js">const queueingStrategy = new CountQueuingStrategy({ highWaterMark: 1 });
+<pre class="brush: js ">const queueingStrategy = new CountQueuingStrategy({ highWaterMark: 1 });
 
 const writableStream = new WritableStream({
   // Implement the sink

files/en-us/web/api/countqueuingstrategy/size/index.html

@@ -33,7 +33,7 @@ <h3 id="Return_value">Return value</h3>
 <h2 id="Examples">Examples</h2>
 
 <pre
-  class="brush: js line-numbers  language-js">const queuingStrategy = new CountQueuingStrategy({ highWaterMark: 1 });
+  class="brush: js ">const queuingStrategy = new CountQueuingStrategy({ highWaterMark: 1 });
 
 const writableStream = new WritableStream({
   // Implement the sink

files/en-us/web/api/datatransferitemlist/remove/index.html

@@ -52,7 +52,7 @@ <h2 id="Example">Example</h2>
 
 <h3 id="JavaScript">JavaScript</h3>
 
-<pre class="brush: js line-numbers  language-js">function dragstart_handler(ev) {
+<pre class="brush: js ">function dragstart_handler(ev) {
   console.log("dragStart");
   // Add this element's id to the drag payload so the drop handler will
   // know which element to add to its tree
@@ -109,7 +109,7 @@ <h3 id="JavaScript">JavaScript</h3>
 
 <h3 id="HTML">HTML</h3>
 
-<pre class="brush: html line-numbers  language-html">&lt;h1&gt;Example uses of &lt;code&gt;DataTransferItemList&lt;/code&gt; methods and property&lt;/h1&gt;
+<pre class="brush: html">&lt;h1&gt;Example uses of &lt;code&gt;DataTransferItemList&lt;/code&gt; methods and property&lt;/h1&gt;
  &lt;div&gt;
    &lt;p id="source" ondragstart="dragstart_handler(event);" ondragend="dragend_handler(event);" draggable="true"&gt;
      Select this element, drag it to the Drop Zone and then release the selection to move the element.&lt;/p&gt;
@@ -119,7 +119,7 @@ <h3 id="HTML">HTML</h3>
 
 <h3 id="CSS">CSS</h3>
 
-<pre class="brush: css line-numbers  language-css">  div {
+<pre class="brush: css">  div {
     margin: 0em;
     padding: 2em;
   }

files/en-us/web/api/document/visibilitystate/index.html

@@ -51,7 +51,7 @@ <h2 id="Syntax">Syntax</h2>
 
 <h2 id="Examples">Examples</h2>
 
-<pre class="brush: js line-numbers language-js">document.addEventListener("visibilitychange", function() {
+<pre class="brush: js">document.addEventListener("visibilitychange", function() {
   console.log( document.visibilityState );
   // Modify behavior...
 })</pre>

files/en-us/web/api/documentfragment/documentfragment/index.html

@@ -22,7 +22,7 @@ <h2 id="Syntax">Syntax</h2>
 <h2 id="Example">Example</h2>
 
 <pre
-  class="brush: js  language-js">let fragment = new DocumentFragment();</pre>
+  class="brush: js ">let fragment = new DocumentFragment();</pre>
 
 <h2 id="Specifications">Specifications</h2>
 

files/en-us/web/api/eventsource/message_event/index.html

@@ -38,7 +38,7 @@ <h2 id="Examples">Examples</h2>
 
 <p>In this basic example, an <code>EventSource</code> is created to receive events from the server; a page with the name <code>sse.php</code> is responsible for generating the events.</p>
 
-<pre class="brush: js line-numbers language-js">var evtSource = new EventSource('sse.php');
+<pre class="brush: js">var evtSource = new EventSource('sse.php');
 var eventList = document.querySelector('ul');
 
 evtSource.addEventListener('message', (e) =&gt; {

files/en-us/web/api/filereader/onload/index.html

@@ -15,7 +15,7 @@
 
 <h2 id="Example">Example</h2>
 
-<pre class="brush:js; line-numbers language-js">// Callback from a &lt;input type=&quot;file&quot; onchange=&quot;onChange(event)&quot;&gt;
+<pre class="brush:js;">// Callback from a &lt;input type=&quot;file&quot; onchange=&quot;onChange(event)&quot;&gt;
 function onChange(event) {
   var file = event.target.files[0];
   var reader = new FileReader();

files/en-us/web/api/gamepad/displayid/index.html

@@ -35,7 +35,7 @@ <h3 id="Value">Value</h3>
 
 <h2 id="Examples">Examples</h2>
 
-<pre class="brush: js line-numbers language-js">window.addEventListener("gamepadconnected", function(e) {
+<pre class="brush: js">window.addEventListener("gamepadconnected", function(e) {
   if(!e.gamepad.displayId) {
     console.log('Gamepad connected');
   } else {

files/en-us/web/api/gamepad_api/index.html

@@ -88,6 +88,6 @@ <h2 id="Browser_compatibility">Browser compatibility</h2>
 <h2 id="See_also">See also</h2>
 
 <ul>
- <li><a class="external text" href="https://hacks.mozilla.org/2013/12/the-gamepad-api/" rel="nofollow">The Gamepad API</a> by Ted Mielczarek and Robert Nyman</li>
+ <li><a href="https://hacks.mozilla.org/2013/12/the-gamepad-api/" rel="nofollow">The Gamepad API</a> by Ted Mielczarek and Robert Nyman</li>
  <li><a href="https://luser.github.io/gamepadtest/">Simple API demo page</a> (<a href="https://github.com/luser/gamepadtest">source</a>)</li>
 </ul>

files/en-us/web/api/history/forward/index.html

@@ -34,7 +34,7 @@ <h3 id="HTML">HTML</h3>
 
 <h3 id="JavaScript">JavaScript</h3>
 
-<pre class="brush: js line-numbers language-js">document.getElementById('go-forward').addEventListener('click', e =&gt; {
+<pre class="brush: js">document.getElementById('go-forward').addEventListener('click', e =&gt; {
   window.history.forward();
 })</pre>
 

files/en-us/web/api/history/replacestate/index.html

@@ -45,7 +45,7 @@ <h2 id="Examples">Examples</h2>
 <p>Suppose https://www.mozilla.org/foo.html executes the following JavaScript:</p>
 
 <pre
-  class="brush: js line-numbers language-js">const stateObj = { foo: 'bar' };
+  class="brush: js">const stateObj = { foo: 'bar' };
 history.pushState(stateObj, '', 'bar.html');</pre>
 
 <p>The explanation of these two lines above can be found in the <a
@@ -57,7 +57,7 @@ <h2 id="Examples">Examples</h2>
   JavaScript:</p>
 
 <pre
-  class="brush: js line-numbers language-js">history.replaceState(stateObj, '', 'bar2.html');</pre>
+  class="brush: js">history.replaceState(stateObj, '', 'bar2.html');</pre>
 
 <p>This will cause the URL bar to display
   <code>https://www.mozilla.org/bar2.html</code>, but won't cause the browser

files/en-us/web/api/history_api/index.html

@@ -71,7 +71,7 @@ <h2 id="Examples">Examples</h2>
 
 <p>The following example assigns a listener to the <code>onpopstate</code> property. And then illustrates some of the methods of the history object to add, replace, and move within the browser history for the current tab.</p>
 
-<pre class="brush:js line-numbers language-js">window.onpopstate = function(event) {
+<pre class="brush:js">window.onpopstate = function(event) {
   alert(`location: ${document.location}, state: ${JSON.stringify(event.state)}`)
 }
 

files/en-us/web/api/htmliframeelement/srcdoc/index.html

@@ -9,7 +9,7 @@
 
 <h2 id="Examples">Examples</h2>
 
-<pre class="brush: js line-numbers">var iframe = document.createElement("iframe");
+<pre class="brush: js">var iframe = document.createElement("iframe");
 iframe.srcdoc = `&lt;!DOCTYPE html&gt;&lt;p&gt;Hello World!&lt;/p&gt;`;
 document.body.appendChild(iframe);</pre>
 

files/en-us/web/api/htmlmarqueeelement/index.html

@@ -70,7 +70,7 @@ <h2 id="Methods">Methods</h2>
 
 <h2 id="Examples">Examples</h2>
 
-<pre class="brush: html line-numbers language-html">&lt;marquee&gt;This text will scroll from right to left&lt;/marquee&gt;
+<pre class="brush: html">&lt;marquee&gt;This text will scroll from right to left&lt;/marquee&gt;
 
 &lt;marquee direction="up"&gt;This text will scroll from bottom to top&lt;/marquee&gt;
 

files/en-us/web/api/imagedata/data/index.html

@@ -30,7 +30,7 @@ <h3 id="Getting_an_ImageData_object's_pixel_data">Getting an ImageData object's
   pixels tall, making 10,000 pixels in all. The <code>data</code> array stores four values
   for each pixel, making 4 x 10,000, or 40,000 values in all.</p>
 
-<pre class="brush: js  language-js">let imageData = new ImageData(100, 100);
+<pre class="brush: js ">let imageData = new ImageData(100, 100);
 console.log(imageData.data);         // Uint8ClampedArray[40000]
 console.log(imageData.data.length);  // 40000
 </pre>

files/en-us/web/api/imagedata/height/index.html

@@ -24,7 +24,7 @@ <h2 id="Example">Example</h2>
 <p>This example creates an <code>ImageData</code> object that is 200 pixels wide and 100
   pixels tall. Thus, the <code>height</code> property is <code>100</code>.</p>
 
-<pre class="brush: js  language-js">let imageData = new ImageData(200, 100);
+<pre class="brush: js ">let imageData = new ImageData(200, 100);
 console.log(imageData.height);  // 100
 </pre>
 

files/en-us/web/api/imagedata/imagedata/index.html

@@ -58,7 +58,7 @@ <h3 id="Creating_a_blank_ImageData_object">Creating a blank ImageData object</h3
 <p>This example creates an <code>ImageData</code> object that is 200 pixels wide and 100
   pixels tall, containing a total of 20,000 pixels.</p>
 
-<pre class="brush: js  language-js">let imageData = new ImageData(200, 100);
+<pre class="brush: js ">let imageData = new ImageData(200, 100);
 // ImageData { width: 200, height: 100, data: Uint8ClampedArray[80000] }
 </pre>
 

files/en-us/web/api/imagedata/width/index.html

@@ -24,7 +24,7 @@ <h2 id="Example">Example</h2>
 <p>This example creates an <code>ImageData</code> object that is 200 pixels wide and 100
   pixels tall. Thus, the <code>width</code> property is <code>200</code>.</p>
 
-<pre class="brush: js  language-js">let imageData = new ImageData(200, 100);
+<pre class="brush: js ">let imageData = new ImageData(200, 100);
 console.log(imageData.width);  // 200
 </pre>
 

files/en-us/web/api/media_capabilities_api/using_the_media_capabilities_api/index.html

@@ -85,15 +85,15 @@ <h3 id="Querying_the_browser_about_decoding_abilities">Querying the browser abou
 
 <p>Now that we've created a video decoding configuration we can pass it as a paramater of the {{domxref("MediaCapabilities.decodingInfo", "decodingInfo()")}} method to determine if a video matching this configuration would be decodable and if the playback would be smooth and power efficient.</p>
 
-<pre class="brush: js language-js">var promise = navigator.mediaCapabilities.decodingInfo(videoConfiguration);</pre>
+<pre class="brush: js">var promise = navigator.mediaCapabilities.decodingInfo(videoConfiguration);</pre>
 
 <p>The <code>decodingInfo()</code> and {{domxref("MediaCapabilities.encodingInfo", "encodingInfo()")}} methods both return promises. Once the promises state is fulfilled, you can access the {{domxref("MediaCapabilitiesInfo")}} interface's <code>supported</code>, <code>smooth</code>, and <code>powerEfficient</code> properties.</p>
 
 <h3 id="Handling_the_response">Handling the response</h3>
 
 <p>Instead of the assigning the promise to a variable, we can output the values returned by the promise to the console:</p>
 
-<pre class="brush: js language-js">navigator.mediaCapabilities.decodingInfo(videoConfiguration).then(result =&gt; {
+<pre class="brush: js">navigator.mediaCapabilities.decodingInfo(videoConfiguration).then(result =&gt; {
   console.log('This configuration is ' +
     (result.supported ? '' : 'not ') + 'supported, ' +
     (result.smooth ? '' : 'not ') + 'smooth, and ' +

files/en-us/web/api/mediaquerylistevent/mediaquerylistevent/index.html

@@ -41,7 +41,7 @@ <h3 id="Parameters">Parameters</h3>
 <h2 id="Examples">Examples</h2>
 
 <pre
-  class="brush: js line-numbers language-js">var media = '(max-width: 600px)';
+  class="brush: js">var media = '(max-width: 600px)';
 var matches = true;
 
 var myMediaQueryListEvent = new MediaQueryListEvent({media, matches});</pre>

files/en-us/web/api/mediarecorder/onerror/index.html

@@ -75,7 +75,7 @@ <h2 id="Example">Example</h2>
   exceptions are thrown during the setup process.</p>
 
 <div class="codecopy codecopy-lg">
-  <pre class="brush: js line-numbers  language-js">function recordStream(stream) {
+  <pre class="brush: js ">function recordStream(stream) {
   let recorder = null;
   let bufferList = [];
 

files/en-us/web/api/mediasource/activesourcebuffers/index.html

@@ -41,7 +41,7 @@ <h2 id="Example">Example</h2>
     href="https://github.com/nickdesaulniers/netfix/blob/gh-pages/demo/bufferAll.html">download
     the source</a> for further investigation.)</p>
 
-<pre class="brush: js  language-js">function sourceOpen (_) {
+<pre class="brush: js ">function sourceOpen (_) {
   //console.log(this.readyState); // open
   var mediaSource = this;
   var sourceBuffer = mediaSource.addSourceBuffer(mimeCodec);

files/en-us/web/api/mediasource/addsourcebuffer/index.html

@@ -71,7 +71,7 @@ <h2 id="Example">Example</h2>
     the source</a> for further investigation.)</p>
 
 <pre
-  class="brush: js  language-js">var assetURL = 'frag_bunny.mp4';
+  class="brush: js ">var assetURL = 'frag_bunny.mp4';
 // Need to be specific for Blink regarding codecs
 // ./mp4info frag_bunny.mp4 | grep Codec
 var mimeCodec = 'video/mp4; codecs=&quot;avc1.42E01E, mp4a.40.2&quot;';

files/en-us/web/api/mediasource/duration/index.html

@@ -64,7 +64,7 @@ <h2 id="Example">Example</h2>
     href="https://github.com/nickdesaulniers/netfix/blob/gh-pages/demo/bufferAll.html">download
     the source</a> for further investigation.)</p>
 
-<pre class="brush: js  language-js">function sourceOpen (_) {
+<pre class="brush: js ">function sourceOpen (_) {
   //console.log(this.readyState); // open
   var mediaSource = this;
   var sourceBuffer = mediaSource.addSourceBuffer(mimeCodec);

files/en-us/web/api/mediasource/endofstream/index.html

@@ -81,7 +81,7 @@ <h2 id="Example">Example</h2>
     the source</a> for further investigation.)</p>
 
 <pre
-  class="brush: js  language-js">var assetURL = 'frag_bunny.mp4';
+  class="brush: js ">var assetURL = 'frag_bunny.mp4';
 // Need to be specific for Blink regarding codecs
 // ./mp4info frag_bunny.mp4 | grep Codec
 var mimeCodec = 'video/mp4; codecs=&quot;avc1.42E01E, mp4a.40.2&quot;';

files/en-us/web/api/mediasource/istypesupported/index.html

@@ -64,7 +64,7 @@ <h2 id="Example">Example</h2>
     the source</a> for further investigation.)</p>
 
 <pre
-  class="brush: js  language-js">var assetURL = 'frag_bunny.mp4';
+  class="brush: js ">var assetURL = 'frag_bunny.mp4';
 // Need to be specific for Blink regarding codecs
 // ./mp4info frag_bunny.mp4 | grep Codec
 var mimeCodec = 'video/mp4; codecs=&quot;avc1.42E01E, mp4a.40.2&quot;';

files/en-us/web/api/mediasource/readystate/index.html

@@ -46,7 +46,7 @@ <h2 id="Example">Example</h2>
     the source</a> for further investigation.)</p>
 
 <pre
-  class="brush: js  language-js">if ('MediaSource' in window &amp;&amp; MediaSource.isTypeSupported(mimeCodec)) {
+  class="brush: js ">if ('MediaSource' in window &amp;&amp; MediaSource.isTypeSupported(mimeCodec)) {
   var mediaSource = new MediaSource;
   //console.log(mediaSource.readyState); // closed
   video.src = URL.createObjectURL(mediaSource);

files/en-us/web/api/mediasource/removesourcebuffer/index.html

@@ -57,7 +57,7 @@ <h3 id="Exceptions">Exceptions</h3>
 
 <h2 id="Examples">Examples</h2>
 
-<pre class="brush: js  language-js">for (i = 0; i &lt; 10; i++) {
+<pre class="brush: js ">for (i = 0; i &lt; 10; i++) {
   var sourceBuffer = mediaSource.addSourceBuffer(mimeCodec);
 }
 

files/en-us/web/api/mediasource/sourcebuffers/index.html

@@ -38,7 +38,7 @@ <h2 id="Example">Example</h2>
     href="https://github.com/nickdesaulniers/netfix/blob/gh-pages/demo/bufferAll.html">download
     the source</a> for further investigation.)</p>
 
-<pre class="brush: js  language-js">function sourceOpen (_) {
+<pre class="brush: js ">function sourceOpen (_) {
   //console.log(this.readyState); // open
   var mediaSource = this;
   var sourceBuffer = mediaSource.addSourceBuffer(mimeCodec);

files/en-us/web/api/messageevent/ports/index.html

@@ -29,7 +29,7 @@ <h3 id="Value">Value</h3>
 
 <h2 id="Example">Example</h2>
 
-<pre class="brush: js line-numbers  language-js">onconnect = function(e) {
+<pre class="brush: js ">onconnect = function(e) {
   var port = e.ports[0];
 
   port.addEventListener('message', function(e) {

files/en-us/web/api/rtcdtmftonechangeevent/index.html

@@ -38,7 +38,7 @@ <h2 id="Examples">Examples</h2>
 
 <p>This snippet is derived loosely from the full, working example you'll find in {{SectionOnPage("/en-US/docs/Web/API/WebRTC_API/Using_DTMF", "When a tone finishes playing")}}. It appends each tone to a display box as it's played, and, once all tones have been sent, re-enabled a previously-disabled "Send" button, allowing the next DMTF string to be entered.</p>
 
-<pre class="brush: js line-numbers  language-js">dtmfSender.addEventListener(&quot;change&quot;, function(event) {
+<pre class="brush: js ">dtmfSender.addEventListener(&quot;change&quot;, function(event) {
   if (event.tone !== &quot;&quot;) {
     dialStringBox.innerText += event.tone;
   } else {