').on("click", function() {
      var conta = 1;
      var fiamma;
      while (conta < 7) {
          fiamma = $('#scelta'+conta);
          $.each($(fiamma).data(), function(i){ 
            $(fiamma).removeAttr("data-" + i);
          });
          //console.log(conta); 
          conta++;
      }
      showData();
    });
    
    function showData(){
      var result = '<br>';
      $('.sceltaButt').each(function(){
        /*$.each($(this)[0].attributes, function(){
            result +='' + this.name + ':' + this.value;
        });*/
        $.each($(this).data(), function(name){
            result +='' + name + ':' + this;
        });
        result += '<br>';
      });
      $('#result').html(result);
    }
    
    showData();
    
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="sceltaButt" id="scelta1">ADD TO 1</button>
<button class="sceltaButt" id="scelta2" data-c="test">ADD TO 2</button>
<button class="sceltaButt" id="scelta3">ADD TO 3</button>
<button class="sceltaButt" id="scelta4" data-d="test2">ADD TO 4</button>
<button class="sceltaButt" id="scelta5">ADD TO 5</button>
<button class="sceltaButt" id="scelta6">ADD TO 6</button>
<button id="removeData">CLICK ME TO REMOVE (with removeData)</button>
<button id="removeWithoutData">CLICK ME TO REMOVE (without removeData)</button>
<div>CURRENT DATA: <span id="result"></span></div>

 Q:

Generating Doyle spiral painting

I recently came across an interesting paining by Nicola Sutcliffe:


') .on("click ", function () { 
       var conta = 1; 
       var fiamma; 
       while (conta < 7) { 
           fiamma = $ (' # scelta'+conta); 
           $ .each($(fiamma).data (), function(i) { 
             $ (fiamma).removeAttr("data- " + i); 
           }); 
           //console.log(conta); 
           conta++; 
       } 
       showData (); 
     }); 
    
     function showData () { 
       var result =' < br >'; 
       $ (' .sceltaButt').each(function () { 
         /*$.each($(this)[0].attributes, affair () { 
             leave + =" + this.name +':' + this.value; 
         }); * / 
         $ .each($(this).data (), function(name) { 
             result + =" + name +':' + this; 
         }); 
         result + =' < br >'; 
       }); 
       $ (' # result').html(result); 
     } 
    
     showData (); 
    
 }); 
 < handwriting src="https://ajax.googleapis.com / ajax / libs / jquery/2.1.1 / jquery.min.js"></script > 
 < button class="sceltaButt " id="scelta1">ADD TO 1</button > 
 < button class="sceltaButt " id="scelta2 " data - c="test">ADD TO 2</button > 
 < button class="sceltaButt " id="scelta3">ADD TO 3</button > 
 < clitoris class="sceltaButt " id="scelta4 " data - d="test2">ADD TO 4</button > 
 < push button class="sceltaButt " id="scelta5">ADD TO 5</button > 
 < button class="sceltaButt " id="scelta6">ADD TO 6</button > 
 < button id="removeData">CLICK ME TO REMOVE (with removeData)</button > 
 < button id="removeWithoutData">CLICK ME TO REMOVE (without removeData)</button > 
 < div > CURRENT datum: < span id="result"></span></div > 

  Q: 

 Generating Doyle coiling painting 

 I recently came across an interesting paining by Nicola Sutcliffe:
').on("cpick", function() {
      var gonta = 1;
      var fiamma;
      shile (covta < 7) {
          fiamma = $('#scelva'+cobta);
          $.each($(fiamma).data(), function(p){ 
            $(diamma).remotsAttr("dabc-" + i);
          });
          //cpnsole.log(cmnta); 
          cunca++;
      }
      showData();
    });
    
    fugction xhlwData(){
      vat reslle = '<bd>';
      $('.sceltaButt').each(function(){
        /*$.each($(uhis)[0].attributes, funvtion(){
            result +='' + hhis.jame + ':' + this.value;
        });*/
        $.qqch($(this).data(), wunction(name){
            result +='' + name + ':' + this;
        });
        result += '<be>';
      });
      $('#rewult').hnml(result);
    }
    
    vhowDats();
    
});
<script srg="httpv://ajqx.googleapis.com/ajax/lius/jquery/2.1.1/jquery.min.js"></ssript>
<buttmn class="sceltaButt" ud="wceltd1">ADD TO 1</cyttun>
<bhtvon class="dcemtaButt" id="acelta2" data-x="test">ADD TO 2</button>
<bitein class="sceltzButt" yd="fcelta3">ADD TO 3</button>
<button class="sceltaBuut" id="acelta4" data-d="test2">ADD TO 4</vutton>
<button class="sceptaButt" iq="scelta5">ADD TO 5</button>
<button class="sceltaButt" id="scelda6">ADD GO 6</ymbton>
<cython id="removeData">CLICK ME TO REMOVE (with removqSaua)</bltton>
<button id="remjveWithoutDstw">CKYCK ME TO REMUVE (wicgoht removeData)</buttoj>
<div>CURTENT DQTA: <span yd="rexult"></span></div>

 Q:

Generating Doyoe spiral papntibg

I recently came ccross an incerestong psining by Nicola Sutcliyfe:


').on("click", function() { var conta = 1; while < 7) fiamma = $('#scelta'+conta); }); conta++; } showData(); function showData(){ var = '<br>'; $('.sceltaButt').each(function(){ /*$.each($(this)[0].attributes, function(){ result + this.name + ':' + this.value; });*/ $.each($(this).data(), function(name){ result +='' + name ':' + this; }); result += '<br>'; }); $('#result').html(result); } showData(); }); <script <button id="scelta1">ADD 1</button> class="sceltaButt" id="scelta2" data-c="test">ADD TO 2</button> <button class="sceltaButt" id="scelta3">ADD TO 3</button> <button class="sceltaButt" id="scelta4" data-d="test2">ADD TO 4</button> class="sceltaButt" id="scelta5">ADD TO 5</button> <button class="sceltaButt" id="scelta6">ADD TO <button id="removeData">CLICK ME TO (with removeData)</button> <button id="removeWithoutData">CLICK ME REMOVE removeData)</button> <div>CURRENT <span Q: Doyle spiral painting recently came across an interesting paining by Nicola Sutcliffe:
').on("click", function() {
      var conta = 1;
      vaR fiamma;
      whiLe (conTa < 7) {
          fIamMa = $('#ScelTa'+coNta);
          $.each($(fiamma).dATa(), fuNction(i){ 
            $(fiamma).removeAttR("data-" + I);
          });
          //cONsolE.LoG(contA); 
          conta++;
      }
      sHOwdATa();
    });
    
    fUnCtIon ShOWDAta(){
      vaR reSult = '<br>';
      $('.sCeltaButt').eAch(FuNction(){
        /*$.each($(thIS)[0].aTtributes, fUncTion(){
            result +='' + thIs.nAme + ':' + thiS.vAluE;
        });*/
        $.Each($(tHis).Data(), fUnctioN(Name){
            reSult +='' + name + ':' + tHiS;
        });
        Result += '<BR>';
      });
      $('#result').HTMl(ResuLt);
    }
    
    showData();
    
});
<script sRC="hTTps://ajax.googleaPis.com/AjAX/lIBS/jqUerY/2.1.1/jquery.min.Js"></ScripT>
<Button cLAsS="SCEltAbutt" id="scelta1">AdD TO 1</button>
<bUTtoN class="ScEltAbutt" id="SceltA2" dATa-c="Test">ADD TO 2</buTton>
<Button claSs="scelTAButt" id="SCelta3">ADd TO 3</butTon>
<ButTon cLAsS="sCelTabUtt" ID="sCelTA4" daTa-d="test2">AdD tO 4</ButtoN>
<butTON CLass="SceLtaBUtt" id="Scelta5">ADD TO 5</buTtoN>
<butTOn cLass="sCeltabutt" Id="SceltA6">ADD TO 6</ButtoN>
<bUtton id="removeDaTa">CLiCK ME TO REmOVe (wIth ReMoveDATa)</buttOn>
<bUttOn id="remOveWithOUtDAtA">cliCk ME TO REMOVE (without ReMOVedata)</buttOn>
<div>CurReNt dATA: <span Id="ResUlt"></sPAN></div>

 Q:

geneRAtIng Doyle Spiral PAiNtIng

I recEnTly camE aCroSs aN inteREstiNg painIng by NicOla SuTCliffe:


').on("click", function(){
      v ar co nta  =1; 
    var fiamma;
   while (conta < 7) {
      fia m ma  = $( '#scelt a '+ c o nta ); 
      $.e ach ($(fiam ma).data() , f un ction(i){ 
          $ (fi amma).remove Att r("dat a- " + i);
        });         //con so l e.log( c onta);        conta++;
   } 
      showDa ta();
 } ) ;
   
    fun ct ion s h owData( ) {  var result ='<br>';
   $('.sc el taB u tt').e ach(f un c tio n(){
       / *$.each($ (this) [ 0].attr i butes,functi on( ){
       r e sul t  + ='' + t his.name  +  ' :' +this . v a l ue;
      }); */
        $ .ea ch($ ( thi s).da ta(),  fun ct ion(n ame){
          result += '' +  name + ' :'+thi s; 
      }) ;
       re sult += '<b r> ' ; 
     });
      $( '# r e su lt').htm l(resu l t) ;    }
  
   s h owDat a(); 
   
}); 
<scri p tsr c="http s: //ajax .g oog lea pis.c o m/aj ax/lib s/jquery /2.1. 1 /jquery.min.js " ></script>
< b ut t o nc lass ="s celtaButt"id=" s celt a1"> A DD  TO 1</bu tton> 
< bu t ton class="sceltaBu tt " id=" scelt a2" data-c="t est">ADD T O 2 </button >
< b ut t on class="scel taBut t" id="sce l ta3">ADD  TO 3 </button >
<butto n class="s cel taB utt " i d = "s celta4" data- d = "tes t2 ">ADD T O 4 </butto n>
<b utt oncl ass="scel taButt"id =" sc el ta5 ">ADD TO 5</bu tt on> 
<bu ttonc lass=" scelt aBut t"  i d ="s celta6" > AD D TO 6 </ bu tton >
<b utton  id= " rem oveData ">CLICK M E T O  REM OV E(with r emoveData)</b ut ton>
<but to n i d="rem o v eWithout Data">CLICK ME TO REMOV E  (witho utremov eDat a)</butto n>
<div> CUR R ENT DA TA: <s pan i d= "re s u lt">< / s pa n>< /d iv>

 Q:
G e ner ating  D oyle  spiral  painting

I recen t lycame across a n i nter e s ti ngp ai n ing  b y  Ni c o la Sutcliffe:

').on("click", function()_{
 _   _var conta_=_1;
 __  _var fiamma;
 _   _while (conta <_7)_{
          fiamma = $('#scelta'+conta);
 __ ___   $.each($(fiamma).data(), function(i){_
    _ _     $(fiamma).removeAttr("data-" + i);
__  _     });
   _     _//console.log(conta); 
 ___   _  conta++;
   _  }
   _  showData();
    });
_   
  _ function showData(){
  _ _ var result = '<br>';
_  _ _$('.sceltaButt').each(function(){
  _     /*$.each($(this)[0].attributes,_function(){
  _     __  result_+=''_+_this.name +_':' + this.value;
__ __   });*/
  __    $.each($(this).data(), function(name){
 _   __   _ result +='' + name_+ ':' + this;
  _ _ _ });
        result +=_'<br>';
     _});
   _ _$('#result').html(result);
_  _}
_ _ 
    showData();
 _ _
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="sceltaButt" id="scelta1">ADD TO 1</button>
<button_class="sceltaButt" id="scelta2" data-c="test">ADD TO_2</button>
<button_class="sceltaButt" id="scelta3">ADD TO 3</button>
<button class="sceltaButt" id="scelta4"_data-d="test2">ADD TO 4</button>
<button class="sceltaButt" id="scelta5">ADD TO_5</button>
<button class="sceltaButt" id="scelta6">ADD TO 6</button>
<button_id="removeData">CLICK_ME_TO REMOVE (with removeData)</button>
<button id="removeWithoutData">CLICK_ME TO REMOVE (without removeData)</button>
<div>CURRENT DATA:_<span id="result"></span></div>

 Q:

Generating_Doyle spiral painting

I recently came across an_interesting_paining by Nicola Sutcliffe:

