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").wrapInner("<b></b>");
  });
});
</script>

CSS-ohjeet:
b{color:RED;}

HTML-koodaukset:
<p>1. teksti.</p>
<p>2. teksti.</p>

<button> Lisää b-elementti kaikkiin p-elementteihin </button>
<p> b-elementille tehty oma CSS-ohje ! </p>