OPPAASEEN / Back

Alla esimerkin koodaukset:

JQuery, head-elementtiin:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("p").clone().appendTo("body");
  });
});
</script>

CSS-ohjeet:

 #sini{color:BLUE;}
 #puna{color:RED;}

HTML-koodaukset:

<button> Lisää p-elementteihin </button>

<p id="puna">1. p-elementti.</p>
<p>2. p-elemantti.</p>

<button> Kloonaa kaikki p-elementit </button>