JSFiddle - React, Tailwind, and code Playground

by dledle2

HTML

<pre>
div[id^=\'HEAD\']       --> "caret equals" means BEGINS WITH
                                   matches only div's and ID must start/begin
                                     with "HEAD" case-sensitive
     -->  Selects every -div- element whose id attribute value
                 starts/begins with "HEAD"

div[id*=\'HEAD\']       --> "star equals" means CONTAINS
                                  matches only div's and ID must
                                   contain with "HEAD" case-sensitive
     -->  Selects every -pre- element whose id attribute value contains
          the substring "HEAD"
          https://www.w3schools.com/cssref/css_selectors.asp

[id$=\'ADER\']'  --> "dollar sign equals" means ENDS WITH
                 -->  Selects every -????- element whose id attribute value
                              ends with "ADER"
</pre>
<a href="javascript:if(document.querySelectorAll('div[id*=\'HEAD\'][id$=\'DER\']'%20%20%20).length%20>0){document.querySelectorAll('div[id*=\'HEAD\'][id$=\'DER\']'%20%20%20)[0].style.display='none';}%20%20%20%20%20if(document.querySelectorAll('#DIVALREADY').length%20>0){document.querySelectorAll('#DIVALREADY')[0].style.display='none';};void(0);">archive.is hide div_v02</a>
<br>
<a href="javascript:void(open('https://archive.today/?run=1&url='+encodeURIComponent(document.location)))">archive.is</a>

<br><h1><b>javascript directly in the url versions:</b></h1>
<a href="javascript:if(document.querySelectorAll('div[id*=\'HEAD\'][id$=\'DER\']'%20%20%20).length%20>0){document.querySelectorAll('div[id*=\'HEAD\'][id$=\'DER\']'%20%20%20)[0].style.display='none';}%20%20%20%20%20if(document.querySelectorAll('#DIVALREADY').length%20>0){document.querySelectorAll('#DIVALREADY')[0].style.display='none';};void(0);">archive.is hide div_v02</a>
<br>
<a href="javascript:void(open('https://archive.today/?run=1&url='+encodeURIComponent(document.location)))">archive.is</a>

JavaScript

/* below: bookmarklet title --> archive.is hide div_v02 */
javascript_:if(document.querySelectorAll('div[id*=\'HEAD\'][id$=\'DER\']'%20%20%20).length%20>0){document.querySelectorAll('div[id*=\'HEAD\'][id$=\'DER\']'%20%20%20)[0].style.display='none';}%20%20%20%20%20if(document.querySelectorAll('#DIVALREADY').length%20>0){document.querySelectorAll('#DIVALREADY')[0].style.display='none';};void(0);

/* below: bookmarklet title --> archive.is */
javascript_:void(open('https://archive.today/?run=1&url='+encodeURIComponent(document.location)))